safari only hack中的SCSS语法错误

在将

.css

文件转换为

.scss

时，我在safari only hack部分遇到了一个Sass语法错误

在代码的以下部分，在“…tio:0”{@media”：预期的媒体查询（例如打印、屏幕、打印和屏幕）之后抛出的

无效CSS为“{”

错误

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media
{ 
// some code here
}}

---

您的媒体查询无效，您的媒体查询中有一个没有条件的媒体查询

试试这个：

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { 
    // some code here
}

应该是

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { // some code here }}

您在媒体查询中有一个无效的媒体查询

您可以使用javascript正确检测safari，如下所示：

function isiPad() { return (
(navigator.userAgent.toLowerCase().indexOf(/iPad/i) > -1));}

---

为什么你的媒体查询中有一个媒体查询？遵循safari的黑客程序，我以前从未见过这样的媒体查询，非常奇怪的黑客程序。你需要它吗？或者我的代码有效吗？

function isiPad() { return (
(navigator.userAgent.toLowerCase().indexOf(/iPad/i) > -1));}