对于一些不同的页面大小，应该设置什么视口？

Question

我有一个身体宽度为1050px的页面。如果我想要一个小小的页面两侧的空间（横向），所以它看起来很有趣，我应该如何设置视口元标记？

<meta name="viewport" content="width=1100"/> 
    . 

以上对我没有预期的效果。

虽然我在这里，视口是什么样的肖像视图？或者没有关系？ （我知道如何在检测到方向变化时更改视口值...但无论出于何种原因，我无法获取它，所以愚蠢的调整大小效果将被取消）。

虽然我们提出问题，但是有人可以提出什么视口应该是一个ipad，下面是完全随机的，而且根本不涉及我在做什么尺寸？的

页面宽度：

300px 
500px 
1000px 
1050px 
1350px 
1800px 

喝彩！

Answer 1

首先，不建议设置固定宽度视...最好是把它当作如下

<meta name="viewport" content="width=device-width"/> 

如果您靶向多个设备设置为设备宽度，它是最好的使用基于％的布局而不是固定px值，以便页面按照设备视口进行缩放。

iPhone和iPad的默认视口宽度为980px。因此，如果您指定身体的宽度为100％或说90％，并使用align作为中心，则页面会占用880px左右的中心对齐方式。