关于如何实现移动端禁止页面缩放的问题的解决办法

已收录   阅读次数: 1,554
2019-07-0412:34:20 发表评论
摘要

只需要在标签里面加上如下meta标签内容即可

分享至:
关于如何实现移动端禁止页面缩放的问题的解决办法

解决办法

只需要在<head>标签里面加上如下meta标签内容即可

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

代码详解

viewport:是用户网页的可视区域

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

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

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

  • 我的微信
  • 微信扫一扫加好友
  • weinxin
  • 我的微信公众号
  • 扫描关注公众号
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: