响应式设计要领

1、meta属性申明

　　<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,user-scalable=no,minimal-ui">

　　device-width：设备宽度，适用于android系统设备

　　initial-scale=1.0：设备宽度，适用于iphone系统设备

　　maximum-scale=1.0：最大比例

　　user-scalable=0：禁止手动缩放

　　user-scalable=no：禁止手动缩放

2、为了加快响应速度和适应较小的移动设备，网站中避免使用大的图片

3、media的使用

　　应使用@media screen and (max-width:xxpx)设置隐藏某些元素

转载于:https://www.cnblogs.com/modouer/p/9355622.html