Javascript CSS在mac OS safari和chrome上加载不正确

对于我制作的网站，CSS没有正确加载到苹果设备上

我分别维护了所有媒体查询语句和样式表。因此，它不能在MAC OS safari和chrome中正确显示。但其余所有浏览器和设备都可以

链接：

---

这个查询只有我维护的流动性。伙计们帮我创建一个CSS文件，并使用以下技术将所有代码放入其中

HTML:

---

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

当我在mac中使用文本编辑器开发我的第一个网页时，同样的情况也发生在我身上

Create CSS file and put the code inside the following technique

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

/* CSS property */ 

}

我通过调整键盘上的引号解决了我的问题。那就去

首选项>键盘>文本

---

在右边你会看到双引号和单引号。选择带有简单引号的选项。

我尝试使用另一个条件语句

function loadCSS（）{if（/Android | webOS | iPhone | iPad | iPod | BlackBerry | IEMobile | Opera Mini/i.test（navigator.userAgent））{$（“head”）.append（“”；}else{$（“head”）.append（“”；}loadCSS（）；

在android和windows设备上完全可以，但MAC OS和Apple设备没有按正确的顺序加载样式/mannerits每个css有1500行代码。所以需要找到另一个解决方案Java脚本在加载时创建dom的速度比css快，所以我做了一个声明来检测设备并加载css。我仍然有这个问题。javascript在加载时创建dom的速度比css快，所以我声明检测设备并加载css。但我还是有问题。

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

@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 ***
*/
}

Create CSS file and put the code inside the following technique

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

/* CSS property */ 

}