美文网首页前端开发 从基础到框架
解决禁止html5手机端双击页面放大的

解决禁止html5手机端双击页面放大的

作者: 不7而遇_ | 来源:发表于2019-01-23 15:36 被阅读172次

    制作手机端页面的时候加入一个meta标签,

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

    该meta标签的作用是让当前viewport的宽度等于设备的宽度,同时不允许用户手动缩放。

    其中 maximum-scale为允许用户的最大缩放值,user-scalable为是否允许用户进行缩放,yes(默认)代表允许,no(0)代表不允许,两者结合使用可以阻止页面被放大(经测试,少一项都达不到效果)

    相关文章

      网友评论

        本文标题:解决禁止html5手机端双击页面放大的

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