Как узнать высоту пространства, оставляемого в браузере меню, закладками и вкладками?

Question

Я хочу создать страницу (HTML + CSS), которая занимает все пространство, оставленное в браузере, без горизонтальной и вертикальной полос прокрутки.

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

Answer 1

Я думаю, что вы ищете window.innerWidth и window.innerHeight и его друзей.

Проверьте эту великолепную таблицу на quirksmode.org, чтобы узнать, какие переменные поддерживаются каким браузером.

Редактировать: Чистый CSS

В CSS у вас есть width: 100% и height: 100%. Если они работают по вашему сценарию, используйте их. Чтобы избежать полос прокрутки, вы можете использовать overflow: hidden на теле, но будьте очень осторожны, потому что это предотвращает прокрутку полностью. Это зависит от того, что вы хотите сделать.