Question

我的页面宽度为1050像素。如果我想在页面的任一侧（横向）上有小的空间，那么它看起来很有趣，我应该将viewport元标记设置为什么？

<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的默认视口宽度为980像素。如果您指定您的身体宽度为100％或说90％并使用对齐作为中心，您的页面将占据约880像素，中心对齐..