视口、站点宽度和iPad

Question

我在这里有一个临时站点：http://studioteknik.co/solertia.ca/equipe-rh/模板网站已经设计为1092px，在一个大型监视器上一切都很好。但在我1024px的iPad上，左边的所有文本都在屏幕旁边。。。没有空间，它很难看。

我喜欢的是告诉视口看起来像一个1200像素的监视器，并相应地关闭它。。

如果我说：<meta name="viewport" content="width=1200">，它什么都不做。。。一切看起来都糟透了！

知道吗？

Answer 1

如果你正在构建一个响应式网站，那么下面的元标签是Twitter的Bootstrap 等包中的标准标签

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

此外，如果你想在小屏幕上为你的网站添加额外的样式，比如填充，你可以使用CSS媒体查询，比如：

@media screen and (max-width: 1024px) {
.content {
padding: 0 20px;
}
}

这将阻止您的内容接触屏幕边缘。

此处解释了常见的响应断点