таблицы стилей и мобильные браузеры

Question

Я уверен, что если бы я задал этот вопрос и в других потоках ... но мой вопрос все еще остался без ответа ... мне нужно знать, что при использовании Opera mini ... или просмотра сайт на мобильном телефоне .. существуют ли определенные ограничения при использовании HTML или CSS? Я полностью смутился определенными терминами, такими как скриншот экрана и Handheld Stylesheets ... при получении типа медиа, было упоминание о том, что мы должны использовать некоторые экранные или переносные таблицы стилей ... в зависимости от типа медиа ... просто не уверен как еще просить ....

Answer 1

Stylesheets для media=handheld должны были быть использован в мобильных браузерах, но как только браузеры стали более продвинутыми, производители браузеров начали игнорировать media=handheld, потому что они могут отображать media=screen сейчас (браузер выбирает то, что средства массовой информации он поддерживает).

Более современный и более гибкий подход заключается в использовании CSS3 Media Queries, который позволяет устанавливать определенные стили только в том случае, если выбранные критерии совпадают, например. минимальный размер экрана. Имейте в виду, что мобильные браузеры сообщают о размере экрана (уменьшенном размере) в width медиа-запросах, а device-width ближе к физическому размеру.

Answer 2

Мобильные браузеры могут иметь ограничения на некоторые правила HTML или CSS, точно так же, как каждый поставщик браузера имеет свои особенности по этому вопросу. Вам нужно будет проверить, что работает или нет для мобильных браузеров, которые вы разрабатываете.

Типы носителей (экран, карманный компьютер и т. Д.) Определяется CSS, поэтому вы можете использовать разные таблицы стилей для разных видов носителей. Таким образом, вы можете отображать один и тот же контент по-разному для каждого типа медиа. Обратите внимание, что экран типов, handheld и т. Д. Не определяет размеры окна, а только разные типы устройств. Проверьте линки ниже, чтобы лучше понять его:

http://www.w3.org/TR/CSS2/media.html

http://www.alistapart.com/articles/return-of-the-mobile-stylesheet

Надеется, что это помогает! Предполагается