美文网首页
H5页面的手机网站的声明,随着浏览设备自适应的声明。

H5页面的手机网站的声明,随着浏览设备自适应的声明。

作者: 笑看滔滔潮 | 来源:发表于2017-01-20 12:22 被阅读0次

    H5页面的手机网站,随着浏览设备自适应的声明。

    写如下声明:

    解释:

    width - viewport的宽度

    height - viewport的高度

    initial-scale - 初始的缩放比例

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

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

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

    精简点的话,可以把上面的代码更改为以下代码,效果是一样的:

    viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。

    最后就是不要设置太大的具体宽度属性了,比如你在网页把Body的宽度属性设为1000px,这肯定是不行的了,但是可以设置为90% 或者 auto,这是屏幕自适应的。

    相关文章

      网友评论

          本文标题:H5页面的手机网站的声明,随着浏览设备自适应的声明。

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