我创建了这个webpage,每当我在移动设备上查看它时,它看起来就像这样:click here
如果我缩小网页,那么一切都是可见的。不过,我更希望它最初以这种方式加载,而不是让用户手动缩小。
我尝试过很多事情,比如:
更改边距
更改网格模板列大小
确保没有设置值的宽度,只有百分比
我还补充说:

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

我好像不明白为什么会这样。
如果你有什么建议,请告诉我。

最佳答案

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

.m-intro {
    padding: 10%;
}

关于html - 在移动设备上显示网站时,它会放大,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/53733741/

10-10 07:39