изменение размера CSS - с размером браузера, увеличением и размером экрана

Question

Я новичок в css.

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

Так что же является лучшим и простым стандартным методом в css для достижения

Спасибо за вашу помощь.

Answer 1

Новейший, передовой метод называется адаптивным веб-дизайном.Это немного сложно, но похоже на способ разработки для экранов нескольких размеров.Это особенно полезно для небольших веб-сайтов.

Ознакомьтесь с некоторыми примерами здесь: http://mediaqueri.es/

и более подробной информацией здесь: http://www.alistapart.com/articles/responsive-web-design/

Answer 2

Если вы установите размер элемента тела в любое время, когда размер браузера изменен, ничто на странице не изменится.

Итак, CSS, который вы хотите добавить, выглядит следующим образом:

body {
    width: 960px; //being the size screen you want to accommodate your site to
}

Также это может вам помочь: Часто используемые размеры пикселей для веб-страниц и их плюсы / минусы .