Question

我刚刚将我的网站迁移到了新服务器。该网站在笔记本电脑上正确显示当我在移动设备上查看网站时，文本显示不正确（它在以前的服务器上运行正常）。

当我使用Chrome移动查看器检查网站时，它也是正确的，并使用正确的媒体查询显示。

知道为什么它在实际移动设备上的显示方式不同？

Answer 1

对于所有屏幕，您都有 padding-left：183px 。当您的屏幕较小时，则为320px，您的填充左侧183px将返回。

@media only screen and (max-device-width: 667px) and (min-device-width: 320px){
.header-txt h1 {
    font-size: 50px;
    text-align: center;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
}
}

您可以做的是减少 min-device-width：320px 或针对较小的设备执行其他媒体查询。像 @media max-width（768px）这样的东西 padding-left：0 会起作用。

样式表未在移动设备上正确加载

1 个答案: