Есть ли лучшая практика для обработки изменения размера браузера?

Question

Мне кажется, что GMail - отличный пример лучших практик в действии, но я ищу более теоретический подход, основанный на коде.CSS?JavaScript?JQuery?Давайте послушаем это.

Answer 1

Большинство веб-приложений используют правильный макет документа и CSS, чтобы заставить поток работать само собой, когда пользователь изменяет размер окна браузера, не выполняя вообще никакого скрипта. Это как раз то, для чего предназначены свойства CSS display, position, float, clear и т. Д.

Answer 2

вы можете сделать что-то вроде this .

Идея состоит в том, что вы создаете большую обертку (#main, самая легкая) и помещаете в нее 2 деления: #left и#right.

left является фиксированной шириной div width:200px и плавает влево float:left.

right является жидкостью, поэтому ширины нет, но для предотвращения перекрытия #left вы даете #right запасширины #left -> margin:0 0 0 200px.

Чтобы размер #right был небольшим, вы задаете минимальную ширину min-width:400px.Теперь при изменении размера окна #right будет изменять размер до тех пор, пока #right не достигнет 400px, тогда полосы прокрутки будут видны

Answer 3

Зависит от того, что вы должны сделать при изменении размера окна ...

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

Проверьте эту статью ...