html页面手机适配方法

  • Post author:
  • Post category:其他



在head中添加

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

  • viewport :用户网页的可视区域.

  • width:控制viewport的大小,可以指定一个值,如600,或者特殊的值,如device-width为设备的宽度(单位为缩放100%时的CSS的像素)。


  • height:和 width 相对应,指定高度。



  • initial-scale:

    初始缩放比例,也即是当页面第一次 load 的时候缩放比例。



  • max

    imum-scale:允许用户缩放到的最大比例。





  • user

    -scalable:用户是否可以手动缩放。





版权声明:本文为jacob_ios原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。