仅限Safari浏览器破解的SCSS语法错误

Question

将.css文件转换为.scss时，我在仅Safari hack部分中遇到了Sass语法错误。

在代码的以下部分，它引发了Invalid CSS after "...tio:0) { @media": expected media query (e.g. print, screen, print and screen), was "{"错误。

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

Answer 1

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

尝试一下：

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

Answer 2

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

您在媒体查询中有一个媒体查询，这是无效的。

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

您可以使用javascript正确检测野生动物园，诸如此类：

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