移动端禁止缩放meta标签

当我们写移动端项目,用户交互体验时,总是会遇到交互过程中页面缩放、页面偏移等问题,可以设置meta标签来解决此问题。

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
  • width=device-width: 指的是让页面宽度等于设备宽度。
  • initial-scale=1.0:页面显示时的缩放级别,1.0代表无缩放。
  • maximum-scale=1.0:控制页面放大,1.0代表禁止放大到设备尺寸以上的大小。
  • user-scalable=no:用户是否可缩放,0代表不可缩放。
发布了54 篇原创文章 · 获赞 22 · 访问量 7231

猜你喜欢

转载自blog.csdn.net/Riona_cheng/article/details/101445424
今日推荐