下面这句代码在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 - 用户是否可以手动缩放
注：此标签在iphone4和ipad均可以到缩放作用，但是在Android的WebView却不支持
<meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=yes" />
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
分享到：
相关推荐
HTML5移动端开发中，`<viewport>`标签是一个至关重要的元素，它主要负责调整网页在不同设备上的显示方式，尤其在移动设备上。`<meta name="viewport">`元标签允许开发者精确控制页面的布局视口（layout viewport）、...
手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤 到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过...
在移动前端开发过程中，了解Viewport是非常关键的一步。Viewport可以被简单地理解为移动设备屏幕上用于显示网页的那一部分区域。具体而言，这指的是在浏览器窗口内（或是嵌入式应用中的WebView）用来展示网页内容的...
使用viewport元标签是HTML5移动开发中不可缺少的一部分，它通过一系列参数的设置，帮助开发者解决了移动设备适配的难题。开发者应根据具体的设计需求和目标设备特性，合理配置viewport参数，以确保网页内容在各种...
【标签】"viewport"，作为关键词，表明这个教程的核心内容是关于如何在HTML和CSS中设置和管理视口，包括但不限于`<meta name="viewport" content="...">`标签的使用，以及其属性如width、initial-scale、minimum-...
在现代Web开发中，针对移动设备的优化是至关重要的，而`<meta>`标签中的`viewport`属性就扮演了这样一个关键角色。`viewport`允许开发者精确地控制网页在不同设备上的展示方式，尤其是智能手机和平板电脑的屏幕。...
在移动Web开发中，`viewport` 和 `Android Webview` 是两个至关重要的概念。`viewport` 是一个虚拟的浏览区域，决定了网页在不同设备上的显示方式，尤其是对于智能手机和平板电脑这样的小屏幕设备。而`Android ...
HTML5的viewport是一个至关重要的概念，特别是在开发适应各种移动设备的网页或应用时。Viewport是浏览器为呈现网页在小屏幕上创建的一种虚拟视口，它决定了网页的宽度、高度以及缩放行为。对于不同分辨率和屏幕尺寸...
### HTML5中的`<meta>`标签详解 在HTML5中，`<meta>`标签被用于定义文档中的元数据，即关于文档的数据。这些元数据不显示在页面上，但会被浏览器解析并用作其他用途，比如搜索引擎优化（SEO）、设置字符集、控制...
HTML中的`<meta>`标签用于提供元数据，其中`viewport`属性是专为移动设备设计的，它允许网页开发者控制页面在移动设备上的显示方式。移动浏览器通常会在一个虚拟的“视口”（viewport）中渲染网页，这个视口比实际...
手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤 到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过...
meta viewport标签是用于控制移动设备上网页显示效果的HTML标签，它位于网页头部head区域，可以影响移动浏览器的视口（viewport）行为，主要控制页面的宽度、初始缩放比例、缩放的最小与最大比例以及是否允许用户...
标题中的"HTML5 head头标签"指的是HTML（HyperText Markup Language，超文本标记语言）版本5中用于定义网页头部信息的标签。在HTML文档中，标签内包含了诸如页面元数据（metadata）、链接到样式表、脚本等信息。这些...
在本教程中，我们将探讨如何利用HTML5和Bootstrap框架来构建一个多标签页（tabs）的界面。 Bootstrap的多标签页功能是通过其Nav组件和Tab插件实现的。Nav组件用于创建导航条，而Tab插件则为这些导航条添加交互性，...
在HTML中，标签主要分为单标签和双标签。单标签如` `用于换行，`<img>`用于插入图像，它们只有一个开始标签。双标签如`<p>`用于段落，`<h1>`到`<h6>`用于各级标题，它们有开始和结束标签。 段落与标题：`<p>`...
2. 引入：在HTML文件中通过 `<script>` 标签引入buggyfill的JavaScript文件，通常位于 `dist` 目录下。 3. 初始化：在页面加载完成后，调用buggyfill的初始化函数，例如 `viewportUnitsBuggyfill.init()`。 4. 可选...
1、使用meta标签：viewport H5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及...viewport标签极其属性： 复制代码代码如下: <meta name=”vi