Question

对于网站，我没有为Apple设备正确加载CSS。

我分别维护了所有媒体查询语句和样式表。因此它在MAC OS safari和chrome中无法正常显示。但是休息所有的浏览器和设备都很好。

link： referencelink

<link href="css/mobile.css" rel="stylesheet" media="screen and (max-width: 390px)" />
<link href="css/mobile.css" rel="stylesheet" media="screen and (min-width: 391px) and (max-width: 500px)" />
<link href="css/mobile.css" rel="stylesheet" media="screen and (min-width: 501px) and (max-width: 768px)" />
<link href="css/medium.css" rel="stylesheet" media="screen and (min-width: 769px)" />

这个查询只保留了流动性。伙计们帮帮我

Answer 1

使用以下技术创建一个CSS文件并将所有代码放入其中。

HTML：

<link href="css/style.css" rel="stylesheet" />

style.css代码：

@media screen and (max-width: 390px) {
/* 
*** Add CSS proparty ***
*/
}

@media screen and (min-width: 391px) {
/* 
*** Add CSS proparty ***
*/
}

@media screen and (min-width: 501px) {
/* 
*** Add CSS proparty ***
*/
}

@media screen and (min-width: 769px) {
/* 
*** Add CSS proparty ***
*/
}

经过测试。我在每个项目中都使用它。

Answer 2

Create CSS file and put the code inside the following technique

@media (min-width: 500px ) and (max-width: 800px)  {  

/* CSS property */ 

}

Answer 3

当我使用mac中的文本编辑器开发我的第一个网页时，我也发生了同样的事情。

我通过调整键盘中的引号来解决我的问题。为此，请转到

偏好＆gt;键盘＆gt;文本

在右侧，您会找到双引号和单引号。选择具有简单报价类型的选项。

CSS无法在mac OS safari和chrome上正确加载

3 个答案: