Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Fullscreen API (https://javascript.ru/forum/dom-window/67914-fullscreen-api.html)

shyxeroks 15.03.2017 12:21

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;
}

Зум меняется, но нужно узнать значение, на сколько изменить.

shyxeroks 15.03.2017 17:58

Можно 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.