У меня есть HTML-страница. Я хочу убедиться, что если я изменю размеры окна, содержимое также изменится, чтобы не прокручиваться горизонтально. Что я могу сделать?
Не используйте абсолютную ширину и высоту. Вместо этого установите все значения в процентах. Это почти все, что вы можете сделать.
Жидкостные сетки из A List Apart является хорошим примером того, как спроектировать макет жидкости, даже при использовании сеток.
Избегайте px и pt (и cm, in, mm, pc и ex) в CSS. Попробуйте использовать em и %.
px
pt
cm
in
mm
pc
ex
em
%
Поиск жидких макетов в Google. Вы получите множество идей, шаблонов и примеров CSS для использования
Сведите к минимуму использование статической ширины. Браузер сделает большую часть работы за вас.
Избегайте использования абсолютных значений.
Например: попробуйте использовать width = "50%" вместо width = "167px"
Помимо многих гибких методов разметки, упомянутых в других ответах, есть CSS3 Media Queries (и скрипт "Switchy McLayout" , который работает в старых браузерах), которые позволяют динамически применять различные Правила CSS (даже совершенно разная компоновка) в зависимости от разрешения экрана или размера окна.