Question

我正在与一位使用MeccaHosting的客户在她的网站上工作。我正在使用Wordpress对网站进行编码。当我使用MAMP进行设置时，Chrome上的所有内容看起来都很好，从常规网站到Chrome模拟的移动网站。但是，当我上传网站时，我注意到CSS中的很多媒体查询定义都没有被继承或识别。例如，我有网站的12格网列。

@media only screen and (max-width: 769px) {
.page-template-services .three-fourths {
   width: 100%;
   margin-left: 0;
   margin-right: 0;
}  
.page-template-services .one-fourth {
   width: 80%;
   margin-left: 0;
}

在iPad或Chrome iPad模拟器中无法识别。媒体查询是否可能需要不同的格式，因为它是不同的托管服务？我从来没有跟GoDaddy有过这个问题。

我正在使用与常规网站和移动网站模拟相同的Chrome浏览器。它看起来非常不同。是否可能是托管服务问题？谢谢！

Answer 1

一切皆有可能。很有可能，您的共享主机帐户已加载，并且您遇到滞后甚至缓存问题。如果它在本地工作，就像你说的那样在MAMP上工作，而不是在你的网站上线时工作。

始终仔细检查并确保您在私人浏览器中进行测试 - Chrome中的CTRL + SHIFT + N.你能得到你付出的代价，对吗？在我看来，每月2美元托管是一个坏主意。

托管服务是否可能不支持CSS中的媒体查询？

1 个答案: