Чтобы реализовать мобильный сайт, было бы полезно установить max-device-width в моем браузере. Я знаю плагины, чтобы подделать пользовательский агент. Это также возможно для max-device-width? Я бы предпочел использовать обычный браузер, такой как Firefox, IE, Opera,... вместо всех видов мобильных эмуляторов браузера или даже разных смартфонов.
Спасибо, Ropo
Chrome позволяет вам устанавливать показатели устройств, которые используются при расчете запросов к медиа-данным для ширины устройства. Для этого откройте "Инструменты разработчика", щелкните значок шестеренки в правом нижнем углу и перейдите на вкладку "Переопределения".
Редактировать 17 января 2014 г.. В Chrome теперь есть вкладка "Эмуляция", которую можно найти рядом с Консолью в Инструментах разработчика.
В общем случае настольные браузеры могут использоваться для проверки работоспособности html и css, но мобильные браузеры сильно отличаются в обработке html, css и javascript.
Чтобы "эмулировать" max-device-width, вы можете заменить max-device-width на max-width и изменить размер окна вашего браузера на необходимый размер (фактические версии браузеров поддерживают max-width инструкцию по медиа-запросу).
Мы используем настольные браузеры на ранних этапах разработки мобильного веб-интерфейса и эмуляторов в последнее время. Тестеры пользовательского интерфейса используют только реальные устройства.