2016-12-21 7 views
0

Наш сайт имеет две отдельные версии для мобильных и настольных компьютеров, а наша мобильная версия должна иметь фиксированную ширину, которая отображается на всех устройствах одинаково. Сайт в настоящее время использует:Метаданные Viewport для фиксированной ширины, но масштабируются до ширины устройства

<meta name="viewport" content="width=750; user-scalable=no" /> 
<meta name="MobileOptimized" content="750"> 

Он работает в большинстве случаев просто отлично, наша мобильная версия имеет ширину 750px и масштабируются до видового экрана размера устройства и не является масштабируемым. Теперь мы узнали, что на старых устройствах Android он не работает (тестируется до 4.3, возможно, более поздние версии также затронуты).

[edit] Проблема также применима только к родному браузеру Android. Chrome отображает его правильно.]

Загружаемая страница имеет ширину 750 пикселей, но не масштабируется, поэтому она слишком большая и не подходит, и пользователь видит только часть страницы. Он также масштабируется, что означает, что user-scalable= no также не работает.

(Ответственный макет для нас не подходит, кстати, нам нужна мобильная страница шириной всего 750 пикселей).

ответ

0

Вы также можете попробовать следующий код:

<meta name="viewport" content="width=750px, initial-scale=1, maximum-scale=1, user-scalable=no"> 
+0

Нет, это не работает, к сожалению, это даже приносит проблему для всех устройств. Я не хочу, чтобы шкала была 1, потому что не каждое устройство имеет ширину 750 пикселей. – Linda

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