Как изменить размер страницы при изменении размера окна

Question

Я использовал абсолютное позиционирование в большинстве элементов моего div. но когда я изменяю размер окна, некоторые элементы скрываются. Невозможно ли изменить размер страницы при изменении размера окна без изменения абсолютного позиционирования ??? используя что-то window.onresize()

Answer 1

Вы хотите сделать его отзывчивым. Для этого вы должны посмотреть, как стилизовать элементы относительно окна браузера. Это делается путем изменения ваших значений px с помощью % и ems (относительные значения).

Также позже вы можете установить media queries. Эти стили, которые применяются только тогда, когда конкретный оператор оценивает, как:

@media screen (max-width:500px) { 
    /* Styles here only apply if the browser window has min-width 500px */ 
} 

Вот некоторые ссылки, чтобы прочитать на: Responsive Web Design Fundamentals, Responsive Web Design: What It Is and How To Use It

Answer 2

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