1280x800 на Galaxy Tab отличается от 1280x800 в локальной среде? - PullRequest
1 голос
/ 10 февраля 2012

В настоящее время мы разрабатываем новое веб-приложение.Заказчик говорит, что должен поддерживать не менее 1280х800 и выше.В местных условиях это выглядит хорошо и подходит.Но когда я просматриваю его на Galaxy Tab, веб-сайт 1280x800 не выглядит как веб-сайт, работающий на 1280x800.На Galaxy Tab сайт урезан, хотя в аппаратной настройке Tab указано, что он 1280x800.Таким образом, веб-сайт слишком велик для 1280x800.
Я знаю, что вам нужно заботиться о разных экранах и плотности, когда вы пишете приложение для Android, но мы говорим о сайте, а не о приложении Android, и я не уверен, чтовызывает такое поведение.Кто-нибудь может объяснить мне, в чем причина этого?

[ОБНОВЛЕНИЕ]

Скриншот Firefox (правильно)
enter image description here

А теперь в Galaxy Tab (усечено) enter image description here

Ответы [ 2 ]

2 голосов
/ 10 февраля 2012

Вы можете попробовать добавить это к <head> вашего HTML-документа:

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

Причина, по которой это необходимо, состоит в том, что устройства с высоким разрешением по умолчанию не переводят CSS px в пиксели экрана, поскольку большая часть контента оптимизирована для экранов с низким разрешением и будет слишком маленькой для чтения. Еще один способ думать об этом заключается в том, что на этих устройствах веб-сайты первоначально масштабируются в 1,5 или даже в 2 раза. Задав указанный тег <meta>, вы можете изменить это поведение и установить начальный масштаб равным 1.

1 голос
/ 10 февраля 2012

Это может быть вызвано различными шагами пикселей.Я бы порекомендовал вам прочитать это .

Вот калькулятор шага пикселей для экрана разных размеров.

...