iOS 9和El Capitan搞砸了CSS

Question

自从苹果最近在桌面上更新了El Capitan，在手机上更新了iOS 9之后，我们网站的css显示功能就不起作用了。我正在附上两张截图。第一个是全屏--不仅css被忽略，而且照片内容也没有显示出来。第二个是最小化的屏幕，它为响应性设计部署我们的@media查询。我们的代码在更新之前在OSX和iOS上工作，并在所有其他平台上工作。

以下是桌面截图：

​

以下是手机截图：

​

​

在修复了上述代码中的Safari错误之后，我仍然有一个问题--在kuttlefish.com上无法正确呈现css (因为ios9和El更新了)。我发现一种可能提供洞察力的行为:在603 on以下，页面上的照片突然出现。在603‘t以上，照片不显示。我在这里粘贴我的@603媒体css给任何可能有想法的人。Tx。

@media只显示屏幕和(最大宽度:603 max){

#contact-form{width:95%;}

.box {width:47.6%;float:left;position:static !important;margin:5% 1% 0 1%;}
.box .preview .thumb{width:100%;height:321px;}
.big-box {width:97.6%;}
.big-box .preview .thumb{width:100%;height:743px;}
.box .idata .description{width:100%;}

.fancybox-wrap{width:96.5% !important;}

#categorieswrapper{height:110px;}

}~

Answer 1

在捆绑的CSS中有一些错误。Chrome (以及其他浏览器更宽容语法错误)。

查看Safari (以下是关于如何启用它的说明)，您将看到控制台中的错误。CSS中有一些语法错误，下面是一个例子：

​

​

在上面，您会注意到边框属性前面的星号，即无效的CSS。正如其他用户所指出的，还有一些其他用户，请参阅评论。

但是这里有太多的列表，您需要将它们全部修复以使站点正确呈现：

​

​