html - CSS中的视口元标记

Question

在 CSS 中为实现响应式网页设计的 viewport 元标记中，我们设置了 width = device-width <meta name="viewport" content="width=device-width">，这样页面的宽度就等于设备的宽度，这样用户就不必滚动查看页面，但高度呢？浏览器是否根据宽度推断高度并使其成为设备高度？？？

Answer 1

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

width 属性控制视口的大小。它可以设置为特定数量的像素，例如 width=600 或特殊值 device-width，它是 CSS 像素中屏幕的宽度，比例为 100%。（有相应的 height 和 device-height 值，这对于具有根据视口高度改变大小或位置的元素的页面可能很有用。）

阅读此https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag然后希望清除所有内容。

Answer 2

响应式网站的正确meta标签如下：

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

该width=device-width部分设置页面的宽度以跟随设备的屏幕宽度。该initial-scale=1部分设置浏览器首次加载页面时的初始缩放级别。您不需要设置特定的高度，因为window尺寸总是随着变化而缩放。但万一，您可以更改meta标签的内容：

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1">

如果您有更多疑问，请看这里。