开始app开发的工作小结
一、以前学习后端开发总觉得前端开发会相对简单一些,其实不然,前端需要学习的东西是多的。
1、前端需要学习的基础就包括如下主要的几点
(1)over-flow 应用场合
(2)css有多少高度单位
(3)什么是bfc?清楚浮动到底是不是bug,inline-block到底有哪几种用法?
(4)zoom存在的意义是什么?margin,padding百分比到底根据什么来计算的?等等有好多。
二、最近在做web app,让我对手机端的开发有了深的认识,不过还是要继续学习的
1、适应屏幕大小的主要方法。
(1) <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0,maximum-scale=1.0,minimum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
这个必须添加外,假如里边相应的单个元素又怎么根据手机屏幕大小来保持样式不变呢?我们可以带来新的方法那就是媒体查询 @media,响应式开发。
(2)有两种形式,直接写在link,然后把满足要求应用css.css。</br>
<link rel="stylesheet" type="text/css" href=css.css" media="screen and (min-width: 400px) and (max-width:600px)">
屏幕大于等于400px小于等于600px,应用到css.css.
(3)另一种是直接写在style里
@media screen and (min-width: 414px)and (max-width:600px) {
.datetimepicker .datetimepicker-days table {
margin: 0;
width:350px;
height:500px;
margin-left: 12px;
}
button#btnTime {
margin-top: 520px;
margin-left: 200px;
}
}
未完待续明天继续。