Вопрос по css – Почему Firefox имеет минимальную ширину минимум 615 пикселей?

3

Я чрезвычайно новичок в медиазапросах, поэтому я играл с атрибутами min-width: с моим Firefox 12.0 и заметил, что он просто не работает. После некоторой игры и после экспериментов с этим прекрасным сайтом

http://barrow.io/lab/media-query-viewport/

Я обнаружил, что минимальная минимальная ширина, которую поддерживает мой Firefox на моей машине (это окно XP), составляет 615 пикселей. Зачем? Я пытаюсь играть с медиазапросами, чтобы создать веб-сайт, который хорошо работает на многих устройствах, а также на настольных компьютерах. Это включает устройства шириной 480 и 320 пикселей. Поскольку Firefox не позволяет мне тестировать меньшие ширины, это серьезно повлияет на мою разработку.

Есть ли какой-нибудь способ обойти это, кроме как попробовать другой браузер?

Благодарю.

РЕДАКТИРОВАТЬ: Теперь, когда мой Firefox прошел несколько обновлений (теперь в v22), это больше не проблема. Я рад, что это исправили.

На Firefox 35+ перейдите в Меню & gt; Разработчик & gt; Адаптивный дизайн. Включает в себя предустановки для обычных разрешений смартфона. andreszs
Расширения, которые дополняют панель навигации (например, Firebug, Colorzilla, LastPass, Web of Trust), значительно усугубляют эту проблему. Наилучшее решение, которое я видел среди трех вопросов о переполнении стека, связанных с этой проблемой: Просмотр & gt; Панели инструментов & gt; Скрыть панель навигации. Быстрое сочетание клавиш для переключения навигационной панели в Firefox для Windows: удерживайте Alt, затем нажмите V, T, N. См. Такжеstackoverflow.com/questions/8286680/… а такжеstackoverflow.com/questions/7663005/…. Andy Giesler

Ваш Ответ

4   ответа
1

установить плагин chromEditPlus отсюдаhttp://webdesigns.ms11.net/chromeditp.html

А затем Goto Tool- & gt; ChromEdit Plus- & gt; ChromEdit    выберите панель userChrome.css

скопируйте и проставьте код ниже, сохраните и перезапустите

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

    #main-window:not([chromehidden~="toolbar"]) {
      min-width: 200px !important;
    }

Таким образом, решена проблема, это сделало ваши окна минимальными до 200px

Спасибо

0

и вы можете увидеть список распространенных размеров экрана, выбрав «Изменить размер» & gt; Посмотреть адаптивные макеты

3

По состоянию на это:http://support.mozilla.org/en-US/questions/772847#answer-125895, Firefox supports no more than 480 width, so if you want to test for 320 px, you must use a different browser. I would point out that if you want to test smartphones on your site, you should be using smartphone browsers on smartphone hardware... not just desktop browsers set to really small resolutions, which is what it sounds like you were trying to do.

Что касается тестирования, да, вы должны использовать оборудование. Но дляdevelopment Я не собираюсь тратить свое время на игры с оборудованием. Я хочу развиваться и тестироватьall ширины так быстро, как я могу, поэтому мне нужен настольный браузер. Alan Stewart
Вы, Chrome и Safari, я не тестировал с IE, но я думаю, что он будет работать с IE9. Это действительно расстраивает меня, почему Firefox делает это :(
Постскриптум Chrome работает так, как мне нужно, поэтому я буду использовать его для разработки перед тестированием Safari на iPhone / iPad. Alan Stewart
Цифры. ТЕПЕРЬ, что у меня есть ответ, я нахожу другие ответы, которые я хотел бы найти раньше.stackoverflow.com/questions/8286680/… stackoverflow.com/questions/7663005/… Alan Stewart
2

Существует простой обходной путь: загрузите сайт в iframe желаемой ширины.

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

Похожие вопросы