Jag har ett problem med @media
Jag har gjort 2 @media queries
När jag testar dom i Google Chrome's mobil simulering får jag dom bägge att trigga. I ios får jag den första att trigga men inte i den andra. I android triggar ingen.
Jag har gjort 2 klasser för att testa
Och dessa har jag slängt in på en utvecklingsite http://dev.ctc.se/
Vad gör jag för fel?
Jag har gjort 2 @media queries
Kod:
@media screen and (max-device-width: 480px) and (orientation: portrait) { .no-mobile { display: none; } } @media screen and (max-device-width: 750px) and (orientation: landscape){ .no-mobile { display: none; } }
Jag har gjort 2 klasser för att testa
HTML-kod:
<div class="no-mobile">desktop</div> <div class="on-mobile">Mobil</div>
Vad gör jag för fel?
Kommentera