сделать так, чтобы сайт точно соответствовал ширине и высоте браузера

Question

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

Я хочу сделать это в javascript / jquery

У меня есть этот код:

screen.width
screen.height

я также пробовал jquery:

$(window).height()
$(window).width()     

также были полосы прокрутки.

Это единственный способ ??Потому что, когда я использовал его на своем сайте, у меня были полосы прокрутки как вертикальные, так и горизонтальные.это было к большому.

Может ли кто-нибудь помочь, пожалуйста?

Answer 1

body {height: 100%; width: 100%;}

div#page_container {height: 100%; width: 100%;}

Нет необходимости в JS / jQuery, просто оберните весь ваш контент внутри <div id="page_container"></div>

Он также меняет размер с людьми, изменяющими размер окна браузера.

Answer 2

Я должен согласиться с Филом. Не будет никакого способа определить разрешение экрана пользователя. Это будет проблема пользователя. По этой причине я всегда создавал свои веб-сайты с разрешением 1024 x 768. Иногда даже ниже в зависимости от контента и целевой аудитории (сайты, ориентированные на пожилых людей, которые, вероятно, имеют низкое разрешение, чтобы они могли читать свой экран). Таким образом, я знаю, что мои материалы подойдут. Большинство людей в наши дни, с мониторами того размера, что они есть, не идут намного ниже этого.

Я нашел этот код здесь http://support.microsoft.com/kb/287171, который может вам помочь. Это отрегулирует высоту и ширину экранов в зависимости от разрешения экрана пользователя.

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

Answer 3

Это невозможно.

Никоим образом вы не сможете подогнать контент под все разрешения экрана (например, ipads, смартфоны [каждый с разным разрешением], 30 "мониторы и т. Д.).

кстати:

// both of these on their own do nothing.
$(window).height() // just returns to you the viewport height
$(window).width() // just returns to you the viewport width