我继承了一组基于 Twitter Bootstrap 的网站模板。在<head>以下元标记中出现：
<meta name="viewport" content="width=device-width">
但根据文档，它应该是：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
有人可以解释这两者之间的区别是什么吗？
问问题
9719 次
1 回答
7
它们只是不同的属性，您可以添加一个或多个。来自 Mozilla 的网站：
width属性控制视口的大小。它可以设置为特定数量的像素，例如 width=600 或特殊值 device-width 值，即屏幕宽度（以 CSS 像素为单位，比例为 100%）。
第二个控制页面显示时的缩放：
initial-scale属性控制页面首次加载时的缩放级别。
此外，您还可以使用maximum-scale、minimum-scale和user-scalable属性来进一步控制用户如何放大或缩小页面。
这是必要的，因为移动设备具有非常不同的像素密度，因此通过指定诸如此类的属性，页面将在 iPhone、Galaxies、诺基亚等设备中以几乎相同的物理尺寸呈现，而不管屏幕密度如何。
于 2012-12-03T20:50:47.263 回答