отобразить страницу как нормальный (320) размер?

Question

Можно ли заставить приложение отображать сайт в обычном разрешении вместо большого?

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

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

Есть предложения?

Приветствие Пол

Answer 1

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

Попробуйте

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

Специфично для вашего случая

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

Answer 2

Это может быть не так просто, как поместить max-width: 320px куда-нибудь, но если вы используете инструменты разработчика для проверки DOM, чтобы выяснить, какие стили применяются, вы можете ограничить размер вашего сайта с помощьюmax-width.

Вот демонстрационная версия: http://jsfiddle.net/LV9Kv/ (щелкните содержимое, чтобы изменить его размер только с помощью свойства max-width)