Safari忽略css媒体查询

时间:2017-07-06 20:26:38

标签: safari media-queries

novantiqua.net/very-new/e62.html

如果屏幕高度太小,我想要隐藏某些弹出窗口的图像和文本,但它不适用于Macbook Air(使用Safari作为Web浏览器)。我不知道为什么。 Safari ignoring css max-width media queries below a certain point没有帮助我。

的CSS:

@media screen and ( max-height: 800px ){
.nasconditi-se-schermo-piccolo {display:none;}
 h1{font-size:14px;}
}

HTML:

<h1>2 CD | Tuscania</h1>
    <h2 class="nasconditi-se-schermo-piccolo">NA17</h2>
    <img 
    src="cd-grafiche-400px/NA17-tuscania.jpg" 
    width="200" class="nasconditi-se-schermo-piccolo">
<p>
<b>Prima registrazione mondiale</b> dei Quartetti op.21 di Cambini.
<br>Libretto con un articolo storiografico sulla conquista dei diritti civili in Corsica e in Toscana nella seconda metá del Settecento.
<br>Cambini | 6 Quatuors Concertant op.21
<br>Boccherini | Duo per viola e violoncello
<br>
<br><b>Ensemble Alraune</b></p>

screenshot from a not working "display:none" rule

0 个答案:

没有答案