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