Изменение размера страницы соответственно - PullRequest
0 голосов
/ 03 июля 2011

У меня есть базовый сайт с заголовком, главное окно приложения с кучей jQuery и несколькими div в одном контейнере, а также нижний колонтитул с несколькими ссылками, они занимают всего около 620 пикселей в высоту и что я бы Например, у меня обрезается страница с отметкой около 625 пикселей, но я не могу обойтись без пробела внизу, если я устанавливаю фоновое изображение на 100%, а его контейнер на 625 пикселей.

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

Есть ли способ для завершения страницы с определенным размером в пикселях, при этом она по-прежнему умещается на экране с высоким разрешением без необходимости перетекания всей страницы? Я спрашиваю только потому, что у меня много абсолютных элементов div, и перетекание их в размер соответственно не будет выглядеть очень привлекательно. Почему бы просто не использовать вспышку? Потому что я люблю использовать Javacript, когда это возможно, чтобы избежать зависимости от Adobe Flash Player.

Спасибо

Ответы [ 2 ]

2 голосов
/ 03 июля 2011

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

0 голосов
/ 03 июля 2011

Я не совсем уверен, что вы ищете, но посмотрите, сработает ли этот CSS: html,body {height:100%;} body {background-attachment:fixed;}

...