html - 在手机上显示网站时，它被放大了

Question

我创建了这个 webpage每当我在手机上查看它时，它看起来像这样:click here .

如果我缩小网页，那么一切都可见。但是，如果它最初以这种方式加载而不是让用户手动缩小，我更愿意。

我试过很多东西，比如:

• 改变边距
• 更改网格模板列的大小
• 确保没有设置值的宽度，只有百分比

我还添加了:

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />

而且我似乎无法弄清楚为什么要这样做。

如果您有任何建议，请告诉我。

Answer 1

元素溢出是因为它的填充具有固定的像素值。用百分比值替换 .m-intro 中的填充，因此它将取决于容器的大小:

.m-intro {
    padding: 10%;
}