2016-12-22 2 views
0

Я хочу заставить браузер установить виртуальный видовой экран на фиксированное значение. Обычно мета окна просмотра в отзывчивой странице выглядит следующим образом:Отключить отзывчивость - включить масштабирование в браузере

<meta name="viewport" content="width=device-width, initial-scale=1"> 

я нашел решение для установки ширины к фиксированному значению:

<meta name="viewport" content="width=1200px"> 

Но, к сожалению, он хорошо работает только в хроме. То, что я хочу получить, с шириной ниже 1200, я хочу включить функцию масштабирования.

Кто-нибудь знает какой-либо другой трюк?

EDIT

На самом деле проблема в том, что мне удалось почти все макеты с начальной загрузкой для достижения отзывчивости. Но клиент решил, что он не хочет, чтобы эта страница была отзывчивой, но сделайте ширину фиксированной независимо от ширины устройства и, если нужно, переключите горизонтальные и вертикальные полосы прокрутки.

То, что я ищу, - это очень простое warkaround, чтобы сделать это без модификаций стиля hudge.

+0

'предупреждение! будущее! 'С правильным дизайном вы должны решить это с помощью запросов' @ media' (https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries), чтобы отобразить страницы специально для размеров/типов экрана. Например. используя более крупные шрифты или представляя специально разработанный вид для этого конкретного размера/типа экрана. Если ваш посетитель склонен использовать функцию масштабирования, проект (ui-) следует пересмотреть. – giorgio

+0

Обычно я использую @media и все это отзывчивое, но это не то, что я хочу получить. – julew2

ответ

0

Дайте этому попытку в JQuery:

if(screen.width < 1200){ 
    $("meta[name=viewport]").attr("content", "width=device-width, initial-scale=1, user-scalable=yes"); 
} 
+0

Это наоборот, к тому, что я хочу получить. Скорее, я хочу отключить отклик, что позволяет ему, когда 'screen.width <1200' – julew2

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