iOS 9和El Capitan搞砸了CSS

Question

自Apple最近在桌面上更新El Capitan和在移动设备上更新iOS 9以来，我们网站的css显示器一直没有运行。我附上两个截图。第一个是全屏 - 不仅忽略了css，而且不显示照片内容。第二个是最小化的屏幕，它为响应式设计部署了我们的@media查询。我们的代码在更新之前在OSX和iOS上运行，并且适用于所有其他平台。

这是桌面截图：

以下是移动屏幕截图：

修复上述代码中的Safari错误后，我仍然遇到问题 - css无法在kuttlefish.com上正确呈现（因为ios9和El Capitan Mac更新）。我发现的一个行为可能提供洞察力：低于603px，页面上的照片突然出现。高于603像素，照片不显示。我在这里粘贴我的@ 603媒体css给任何可能有想法的人。 TX。

@media only screen and（max-width：603px）{

#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开发人员工具（here are instructions on how to enable it），您将在控制台中看到错误。您的CSS中存在一些语法错误，以下是一个示例：

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

但是这里列出的内容太多了，您需要修复它们以使网站正确呈现：