Изменить размер веб-страниц в соответствии с требованиями монитора монитора монитора

Question

Я разработал сайт сайта. Я хотел бы знать, можно ли сделать страницы на моем сайте, чтобы изменить размер разрешения монитора посетителей.

Например, я использую свой компьютер с разрешением 1024x768. Если я изменю свое разрешение на 800x600, я хочу, чтобы мой сайт изменялся до размера экрана 800x600.

Answer 1

Да, это называется responsive design. В частности, посмотрите на media queries.

Answer 2

Это называется «динамической» или «жидкой» шириной, в отличие от установки «фиксированной» ширины на странице. Обычно это делается с помощью CSS, в отличие от PHP или JavaScript. Проведите некоторое исследование по предмету в Google (найдите «веб-страницы с динамической шириной»). Я нашел this article.

Answer 3

Вы не хотите разрешения, так как не все используют свой браузер в полноэкранном режиме; вам нужен размер документа. Есть способы, чтобы получить, что в простом JavaScript, но вам лучше всего использовать библиотеку как JQuery, так что помогает гарантировать, что Ваш метод работает кросс-браузер:

http://api.jquery.com/width/

Но не делайте, что если не существует нет другого способа делать то, что вы хотите; сначала попробуйте использовать проценты в вашем CSS. Установка размеров с помощью js беспорядочна.

Answer 4

это какое-то ключевое слово для того, что ваш поиск

система сетки CSS отзывчивого/адаптивный веб

некоторых ссылок

http://net.tutsplus.com/tutorials/design-tutorials/quick-tip-different-layouts-for-different-widths/

http://speakerdeck.com/u/nathansmith/p/960-grid-system

http://www.emblematiq.com/lab/my-adaptive-grid/

http://webdesignledger.com/resources/responsive-web-design-templates-and-frameworks

generator