Запрос CSS Media для целевых 1080 телефонов?

Я ищу для правильного запроса CSS медиа таргетинг на все телефоны (не таблетки и более) в том числе 1080 телефонов, таких как Sony Xperia Z.Запрос CSS Media для целевых 1080 телефонов?

Сейчас я использую:

<link href='style/mobile.css' rel='stylesheet' type='text/css' media='screen and (max-device-width: 767px)' />

Это работает для большинства устройств, но в Android Firefox Browser (а не в Chrome, хотя и странно) Xperia Z просто получает только рабочий стол.

Я пробовал искать, но, похоже, никто не говорит об этих новых телефонах с высоким разрешением, есть ли новый стандарт, над которым я должен придерживаться?

источник

2013-04-17 bbeckford

Если устройства имеют одинаковый размер, какие стили должны применяться к телефонам, которые не должны применяться к планшетам? – cimmanon

@cimmanon - Разрешение не обязательно определяет размер устройства. Я вижу ситуацию, когда вы хотите настроить таргетинг только на телефоны, потому что они в целом физически меньше, несмотря на то, что они иногда являются привет-Res. – Jonathan

Да, полный рабочий стол не выглядит так же хорошо, как мобильный сайт Xperia Z, по крайней мере, в моем случае. – bbeckford

Я не думаю, что вы найдете то, что вам нужно в медиа-запросах. Телефоны и планшеты имеют большой кроссовер в разрешениях.

Вот особенности носителей вы можете запросить в соответствии с w3c ...

http://www.w3.org/TR/css3-mediaqueries/#media1

... нет, кажется, что вы ищете.

К сожалению, я не знаю, есть ли отличный способ справиться с этим, даже пользовательский агент мало помогает.

источник

2013-04-17 16:00:55 Jonathan

Вы можете комбинировать ширину с разрешением в медиа-запросе.

@media screen and (max-device-width: 767px) and (min-resolution: 300dpi) { … }

источник

2013-04-18 03:10:09

Спасибо, но больше не работает на устройстве с более низким разрешением, например Galaxy Nexus (еще не тестировалось на Xperia) – bbeckford

Какая часть не работает? 'Мин-resolution'? Это неудачник. –

Использование max-width вместо max-device-width целевой CSS pixels.

Не забывайте viewport meta. Маленькие устройства с большим количеством пикселей по-прежнему будут иметь низкое количество пикселов CSS, поэтому он будет работать.

источник

2017-12-04 16:09:39

Запрос CSS Media для целевых 1080 телефонов?

ответ

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