CSS responsive max-height not working in safari/laptop? -


i have css:

@media screen , (max-height: 500px) {     body{         display: none;     } } 

this hides page when gets 500px (just test it), works fine in browsers on windows pc, when try on macbook pro in safari doesn't seem detect it, how can work properly? cant find on on google

i tested it , it's working fine on safari(mac) well.

div{     background: #ddd;     width: 300px;     height: 300px; } @media screen , (max-height: 500px) {     div{         display: none;     } } 

here's screenshot. though there's bug safari(ipad/iphone). might love read this.


Popular posts from this blog

How to calculate SNR of signals in MATLAB? -

c# - Attempting to upload to FTP: System.Net.WebException: System error -

ios - UISlider customization: how to properly add shadow to custom knob image -