Firefox 8.0 не изменяет размер контента, как другие браузеры - PullRequest
Новая
       7

Firefox 8.0 не изменяет размер контента, как другие браузеры

1 голос
/ 29 ноября 2011

Я создаю страницу, чтобы уменьшить ее до довольно небольших размеров браузера, в том числе на настольных компьютерах.У меня есть это почти для каждого браузера, но Firefox;он просто не уменьшает содержимое так же, как другие браузеры.

Скажем, у меня есть простая страница, подобная этой: 

<body>
    <div style="width:auto; max-width:500px; margin:20px;background-color:black;"> Some filler text </div>
</body>

Если вы попробуете это в любом браузере, кроме Firefoxкогда вы изменяете размер окна до 540 пикселей, div уменьшается, как и следовало ожидать.Но в Firefox такого нет.По крайней мере, не в 8.0.Он изменяет размер div на небольшое количество, а затем позволяет ему выйти за пределы окна, даже не покидая полосы прокрутки.

Есть ли способ обойти это поведение?

РЕДАКТИРОВАТЬ: Я воспроизвел это также на старых версиях Firefox, но я нашел что-то странное.Когда я сказал, что он немного меняет размер div, вот что происходит: тело страницы остается на ширине 367 пикселей.Две разные версии Firefox, две версии Windows, с одинаковым номером.

Ответы [ 2 ]

2 голосов
/ 29 ноября 2011

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

Вот почему вы видите, что тело не меняет размер: само окно просмотра CSS не меняет размер. Если бы у вашей страницы была вертикальная полоса прокрутки, вы бы увидели, что полоса прокрутки исчезла за правым краем окна, точно так же, как исчезли части самого пользовательского интерфейса браузера.

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

0 голосов
/ 30 ноября 2011

Хотел бы сказать что-нибудь о вашем комментарии относительно "width: auto" против "width: 100%", но я пока не могу комментировать ...

Вы можете установить "width: 100%" и сделатьон учитывает отступы и границы, также устанавливая "box-sizing: border-box" - вам нужно будет использовать префиксы вендоров, как я полагаю, -moz- и -webkit-.Не уверен, решит ли это вашу проблему, но это полезно знать - возможно, попробуйте и посмотрите, что произойдет.

...