Полноэкранный режим HTML5 в мобильном браузере (хром) игнорирует конфигурацию видового экрана - ошибка или функция?

Мое приложение отображает некоторые страницы для мобильного устройства. Такие страницы имеют <viewport> тега тщательно рассчитывается таким образом, что они будут соответствовать 100% на экране устройства, что-то вроде:Полноэкранный режим HTML5 в мобильном браузере (хром) игнорирует конфигурацию видового экрана - ошибка или функция?

<meta id="sysviewport" name="viewport" content="initial-scale=0.79, minimum-scale=0.79, maximum-scale=0.79, user-scalable=no, width=device-width">

Из приложения, вы можете войти в полноэкранном режиме с помощью вызова в HTML5 API:

$(document.documentElement).fullScreen(true);

(модуль JQuery просто вызывает requestFullScreen() ищет префикс поставщика, и т.д ..)

Что происходит, когда в полноэкранном режиме, окно просмотра масштаб игнорируется (сброс на «1» я думаю). Когда я выхожу из полноэкранного режима, масштаб просмотра снова выполняется.

Это ошибка? Серая область в документации? Или ожидаемая функциональность полноэкранного режима? Также может ли кто-нибудь подтвердить это также на мобильном сафари?

Я сделал некоторые тесты вручную масштабирование <body> себя, когда в полноэкранном режиме через zoom или transform, но производительность ужасна по сравнению с viewport масштабирования.

источник

2015-12-16 rupps

-1

Вы можете использовать это:

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    </head> 
    <body></body> 
</html>

Вы можете попробовать использовать эти три мета-теги.

источник

2015-12-16 02:21:32

Полноэкранный режим HTML5 в мобильном браузере (хром) игнорирует конфигурацию видового экрана - ошибка или функция?

ответ

Смежные вопросы