Уменьшить окно просмотра

Question

Я пытаюсь сделать уменьшение масштаба на видовом .8 для высот ниже 1080.

До сих пор я сделал это:

HTML ГОЛОВА

<meta name="viewport" content="width=device-width, initial-scale=1" /> 

CSS

@media screen and (max-height:1079px){ 
    @viewport { 
     width: device-width; 
     zoom: .8; 
    } 
} 

Нет префикса, поскольку я использую firefox для его проверки. Любые идеи?

Спасибо!

Answer 1

Поскольку вы упомянули Firefox, проблема в том, что Firefox, начиная с versoin 37, does not support@viewport при правиле. Поскольку у Firefox есть нерешенный bug по проблеме с 2012 года, вы можете попробовать альтернативу, такую ​​как уменьшение font-size до .8em.

Если вы проверите консоль Firefox, вы увидите эту ошибку CSS: