У меня есть веб-страница с фиксированной шириной (640 пикселей). Я бы хотел, чтобы эта страница уменьшилась до ширины мобильного устройства. Однако, если собственная ширина устройства больше 640 пикселей, я не хочу, чтобы оно растягивалось. Кажется достаточно простым:
Это работает должным образом в iPad / iPhone. Однако на планшете Android (например, в ландшафтном режиме) контент масштабируется в соответствии с размером дисплея. Другими словами, Android просто игнорирует максимальный масштаб = 1. Вы можете увидеть пример страницы с проблемой здесь . Для полноты картины вот источник:
Test Viewport
Я много исследовал и экспериментировал с мета-тегом области просмотра. Я читал почти все по этой теме, но не видел, чтобы упоминалась эта, казалось бы, основная проблема.
Два примечания:
Это не проблема с целевой плотностью точек на дюйм
Установка ширины окна просмотра на ширину устройства бесполезна в этом случае, потому что ширина содержимого является фиксированной и больше, чем (например) портрет телефона ширина устройства. Если я установлю width = device-width, страница не будет автоматически уменьшена до размера телефона.
Большое спасибо.