<meta name="viewport" content="width=device-width...

转载于 2013-12-30 15:49:05 发布 · 1k 阅读

文章标签：

#html

css 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了一种方法，通过在网页的head部分添加特定的元标签，可以在iPhone浏览器中固定页面显示大小并禁止用户进行缩放操作。该元标签包括设置视口宽度等于设备宽度、初始缩放比例为1.0、最小最大缩放比例均为1.0及禁止用户缩放等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。  
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">   
  
width - viewport的宽度 height - viewport的高度   
initial-scale - 初始的缩放比例  
minimum-scale - 允许用户缩放到的最小比例   
maximum-scale - 允许用户缩放到的最大比例  
user-scalable - 用户是否可以手动缩放