Приветствую, в мобильных браузерах при переходе в полноэкранный режим 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;
}
Зум меняется, но нужно узнать значение, на сколько изменить.