视口
移动端技术解决方案
一、移动端的开发选择
主流：单独制作移动端页面 其次：响应式页面兼容移动端
二、css初始化normalize.css
移动端初始化推荐使用normalize.css
网址：necolas.github.io./normalize.c…
css3：box-sizing:border-box;//怪异盒模型，padding和border不会撑大盒子。
box.sizing:content-box;传统盒模型，以内容计算
三、特殊样式
移动端常见布局
流式布局(百分比布局)
将盒子按百分比划分出来
flex布局
参考文章： fele布局
背景线性渐变
语法1；
background:linear-gradient(起始方向，颜色1，颜色2，。。。)；
background；-webkit-linear-gradient(left,red,blue);
background；-webkit-linear-gradient(left top,red,blue);
rem单位
媒体查询：@media mediatype and|not|only (media feature) {css-Code; }
用@media开头，注意@符号
mediatype媒体类型：all用于所有设备、print打印机和打印预览、screen电脑屏幕、平板电脑、智能手机等。
关键字：and可以将多个媒体特性连接在一起，相当于且的意思。
not排除某个媒体类型，相当于非，可以省略
only：指定某个特定的媒体类型，可以省略
