对于某些不同的页面大小，视口应该设置为多少？
我有一个正文宽度为 1050px 的页面。如果我想要页面（横向）两侧都有一点空间，这样看起来很有趣，我应该将视口元标记设置为什么？
<meta name="viewport" content="width=1100"/>
.
以上对我来说没有达到预期的效果。
当我这样做时，纵向视图的视口是什么？还是没关系？ （我知道如何在检测到方向变化时更改视口值......但无论出于何种原因，我永远无法得到它，因此愚蠢的调整大小效果被取消）。
当我们提出问题时，有人可以提出对于 ipad 来说视口应该是什么，对于以下完全随机的并且与我正在做的尺寸完全无关的吗？
页面宽度：
300px
500px
1000px
1050px
1350px
1800px
干杯！
i have a page with a body width of 1050px. If I want a little amount of space on either side of the page (landscape), so it looks fun, what should i set the viewport meta tag to?
<meta name="viewport" content="width=1100"/>
.
the above doesn't have the desired effect for me.
And while I'm at it, what would the viewport be for a portrait view? Or does it not matter? (I know how to change the viewport values when an orientation change is detected... but for whatever reason, i can never get it so the stupid resizing effect is cancelled).
And while we're asking questions, can someone just put up what the viewport should be, for an ipad, for the following completely random and not at all related to what i'm doing sizes?
page width of:
300px
500px
1000px
1050px
1350px
1800px
cheers!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
首先，不建议设置固定视口宽度...最好将其设置为设备宽度，如下所示
如果您面向多个设备，最好使用基于 % 的布局而不是固定的 px 值以便您的页面根据设备视口进行缩放。
iPhone 和 iPad 的默认视口宽度为 980px。因此，如果您将 body 的宽度指定为 100% 或 90% 并使用居中对齐，则居中对齐的页面将占据大约 880px。
First of all, it is not recommended to set a fixed viewport width...It is best to set it to device-width as follows
If you are targetting multiple devices, it is best to use a % based layout and not fxed px values so that your page would scale as per the device viewport.
The iPhone and iPad have a default viewport width of 980px..So if you specify your body a width of 100% or say 90% and use align as center, your page would occupy around 880px with center alignment..