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, время: 02:01. |