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

java - How to create Table using Apache PDFBox -

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