Могу ли я подделать css media только экран с firefox? - PullRequest
1 голос
/ 02 января 2012

У меня есть веб-сайт, из-за которого возникают проблемы с просмотром iPad.(если вы ответите на множество других вопросов и у вас есть идеи по его устранению, вы станете моим героем!)

В попытке поработать над этим, я попытался просмотреть свой сайт с помощью firefox на моем компьютере,чтобы увидеть, на что похожи размеры при использовании моего ipad (с надстройкой firebug).

Вопрос: в моем css я использую: @media only screen и (min-device-width: 768px) и(max-device-width: 1024px) и (Ориентация: альбомная) {...}

это не похоже на то, что Firefox подхватывает это.Для Firefox я использую аддон здесь: http://chrispederick.com/work/user-agent-switcher/

с определенным новым типом, называемым ipad, а именно: Mozilla / 5.0 (iPad; U; CPU OS 3_2, как Mac OS X; en-нас) AppleWebKit / 531.21.10 (KHTML, как Gecko) Версия / 4.0.4 Mobile / 7B334b Safari / 531.21.10 (я не изменил другие значения, только параметр «пользователь-агент». Тем не менее, другие сайты выбираютдо того, что я "ipad", так что я думаю, что это работает)

ОДНАКО, мои файлы CSS не поднимаются (или, скорее, модифицированная версия не приходит).Вероятно ли это: проблема с firebug, и css визуализируется ИЛИ проблема с переключателем user-agent, и вещь - что бы это ни было - которая решает, какой css использовать, знает, что я на ff для ПК ИЛИпроблема с переключением css?

ура!

1 Ответ

2 голосов
/ 02 января 2012

взгляните на CSS3 медиа-запрос не работает второй ответ может решить вашу проблему

В основном идея состоит в том, чтобы заменить (min|max)-device-width на (min|max)-width

из http://css -tricks.com / таблицы стилей для конкретного разрешения /

Помните, что это ширина устройства, а не текущая ширина окна браузера. На iPhone (3G (s)) это означает 480px. Мой модный новый MacBook Pro собирается вернуть 1920px за ширину устройства. Но в настоящий момент окно моего браузера - только половина этого. Ширина устройства весьма полезна при работе с мобильными устройствами, где браузер, вероятно, занимает 100% экрана при использовании, но менее полезна в браузерах для ноутбуков / настольных компьютеров.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...