Safari浏览器

Question

在Windows桌面上不响应与CSS

Safari浏览器， 这是我的例子这不会对野生动物园的工作，但工作完全罚款，其他浏览器：

<style> 
#wrape{ 
    width: 500px; 
    height: 500px; 
    background-color: green 
} 
@media screen and (max-width:750px){ 
    #wrape { 
    display: none 
    } 
} 
</style> 

<div id="wrape"></div> 

这非常令人困惑，我一直在研究寻找正确的解决方案来解决这个问题，这是我目前发现的。

为了将这个元标记头标记内：

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" /> 

更改CSS代码：

可能的解决方法1

@media only screen and (max-width:750px) { 
    #wrape { 
    display: none 
    } 
} 

可能的解决方法2

@media (max-width:750px) { 
    #wrape { 
    display: none 
    } 
} 

可能的解决方法3

@media screen and (min-device-width:750px) and (max-width:750px){ 
    #wrape { 
    display: none 
    } 
} 

我也试图覆盖所有CSS样式#wrape { display:none !important }

我似乎无法找到任何工作的解决方案，我会适当的任何帮助。

Answer 1

试试这个（不分钟设备宽度）

@media screen and (max-width:750px){ 
    #wrape { 
    display: none 
    } 
}