Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.03.2017, 12:21
Аватар для shyxeroks
Аспирант
Отправить личное сообщение для shyxeroks Посмотреть профиль Найти все сообщения от shyxeroks
 
Регистрация: 02.03.2017
Сообщений: 38

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 в 14:18.
Ответить с цитированием
  #2 (permalink)  
Старый 15.03.2017, 17:58
Аватар для shyxeroks
Аспирант
Отправить личное сообщение для shyxeroks Посмотреть профиль Найти все сообщения от shyxeroks
 
Регистрация: 02.03.2017
Сообщений: 38

Можно media query применить конечно, но для каждого расширения прописывать явно не вариант.
@media screen and (width: 640px) {
:-webkit-full-screen {
zoom:0.67;
}
:-moz-full-screen {
zoom:0.67;
}
:full-screen {
zoom:0.67;
}
}
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не получается вывод данных из RESTful api Wahtel Общие вопросы Javascript 1 16.08.2015 10:30
Проверка статуса авторизации через open api на сайте (vk.com api) mecer Общие вопросы Javascript 4 06.05.2014 08:31
Посоветуйте как улучшить код для работы с history api [ jquery + js + history api ] Geo Ваши сайты и скрипты 0 12.01.2014 00:41
HTML5 Geolocation API, вопрос о снятии данных User-Agent (X)HTML/CSS 2 22.02.2013 20:09
MVC vs API. Ваше мнение. B~Vladi Общие вопросы Javascript 58 19.10.2010 16:29