美文网首页
手机自适应meta

手机自适应meta

作者: 下班再说 | 来源:发表于2020-04-12 11:36 被阅读0次

    代码:

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

    解决的问题:    ios,android,winphone解决的问题是相同的,即无视设备的真实分辨率,直接通过dpi,在物理尺寸和浏览器之间重设分辨率,这个分辨率和设备的分辨率无关

    content元素解释:

    width:控制 viewport 的大小,可以指定的一个值,或者特殊的值,如 device-width 为设备的宽度。

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

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

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

    minimum-scale:允许用户缩放到的最小比例。

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

    相关文章

      网友评论

          本文标题:手机自适应meta

          本文链接:https://www.haomeiwen.com/subject/jjsvmhtx.html