响应式设计要领

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)设置隐藏某些元素

猜你喜欢

转载自www.cnblogs.com/modouer/p/9355622.html