Fullscreen API
Приветствую, в мобильных браузерах при переходе в полноэкранный режим zoom устанавливается по умолчанию 1 (100%), как узнать какой zoom, когда была загружена страница.
По данному мету тегу, зум устанавливается для каждого устройства автоматически: <meta name="viewport" content="width=950"> Например на samsung a5 методом тыка узнал, что zoom равен 0.67. Я так понимаю, мне и нужно узнать, какой зум установил браузер при загрузки страницы. function startFullscreen(){ var element = document.documentElement; if(element.requestFullscreen) element.requestFullscreen(); else if(element.mozRequestFullScreen) element.mozRequestFullScreen(); else if(element.webkitRequestFullscreen) element.webkitRequestFullscreen(); else if(element.msRequestFullscreen) element.msRequestFullscreen(); } <button onclick="startFullscreen()">Go fullscreen</button> Интересуют только мобильные/планшеты. К примеру псеводклассами при переходе в полноэкранный режим изменить zoom: :-webkit-full-screen { zoom:1; } :-moz-full-screen { zoom:1; } :full-screen { zoom:1; } Зум меняется, но нужно узнать значение, на сколько изменить. |
Можно media query применить конечно, но для каждого расширения прописывать явно не вариант.
@media screen and (width: 640px) { :-webkit-full-screen { zoom:0.67; } :-moz-full-screen { zoom:0.67; } :full-screen { zoom:0.67; } } |
Часовой пояс GMT +3, время: 20:49. |