元视口：width=device-width 或 initial-scale=1 或两者

Question

对于完全响应式的网页设计，我应该使用以下元视口声明之一：

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

我希望在旋转设备后设计适合屏幕。

Answer 1

就我个人而言，我会使用：

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

https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

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

初始缩放属性控制页面首次加载时的缩放级别。最大比例、最小比例和用户可缩放属性控制用户如何放大或缩小页面