Meta视口：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 value，它是一个CSS像素的屏幕宽度   规模为100％。 （有相应的高度和设备高度   值，对于包含更改大小的元素的页面可能很有用   或基于视口高度的位置。）

     

初始缩放属性控制首次加载页面时的缩放级别。最大规模，最小规模和   用户可伸缩属性控制用户如何缩放   页面输入或输出