Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Увеличение окна браузера при загрузке (https://javascript.ru/forum/events/16738-uvelichenie-okna-brauzera-pri-zagruzke.html)

Grendel 20.04.2011 01:55

Увеличение окна браузера при загрузке
 
Доброго времени форумчане. Есть сайт, ширина фиксированная -- 900px. Нужно, чтобы при загрузке сайта, например при событии onLoad, скрипт проверял разрешение монитора пользователя, и если монитор широкоформатный -- делал окно сайта 90% ширины монитора.
(Не нравится что при загрузке на таких мониторах сайт делается узкой колонкой с широким background-ом).

Возможно ли такое с помощью javascript? Спасибо.

Magneto 20.04.2011 02:07

Непонятно что такое окно сайта, перефразируйте.

Grendel 20.04.2011 02:14

Нужно чтобы скрипт автоматически масштабировал ширину сайта и делал ее 90% ширины монитора.

Magneto 20.04.2011 02:20

body{
    min-width:900px;
    max-width:90%}


Подробнее: min-width, max-width.

Grendel 20.04.2011 02:45

Не срабатывает. При max-width:90% ширина сайта при обновлении уменьшается. В общем то это и понятно, каким образом браузер узнает разрешение монитора чтобы сделать больше ширину сайта?

Цитата:

Данные из таблицы следует понимать следующим образом. Если значение ширины (width) больше значения max-width, то ширина элемента принимается равной значению max-width.
Значение width больше сделать не могу. Все элементы фиксированные, сайт поплывет.

Logo 20.04.2011 11:26

Не очень понимаю, почему сайт плохо смотрится именно на широкоформатном мониторе. Вам точно нужно опредлять, является ли монитор широкоформатным, т.е. оношение сторон его 16:9/16:10, или дело в мониторе с высоким разрешением по ширине?

Logo 20.04.2011 11:32

Цитата:

Нужно чтобы скрипт автоматически масштабировал ширину сайта и делал ее 90% ширины монитора.
Цитата:

Значение width больше сделать не могу. Все элементы фиксированные, сайт поплывет.
Вынос мозга... Определитесь уже, нужно ли вам увеличить ширину, или сайт от этого поплывет.

Grendel 20.04.2011 13:50

Извиняюсь, если неправильно изложил мысль. Как я и говорил сайт с фиксированной шириной. Нужно чтобы на мониторе пользователя он всегда отображался на 90% ширины монитора, независимо его разрешения.

Например вот этот сайт в браузере с масштабом 100% отображается так --



а если выставить масштаб браузера 150% то этот сайт отобразится так --



Можно ли сделать такое с помощью скрипта?

P.S. Не нравится что на мониторах с высоким разрешением сайт смотрится узкой полоской, если в браузере масштаб стоит 100%. Так то это легко решается нажатием (Ctrl - +) или (Shift - +). Но вряд ли простые обыватели об этом знают.

Logo 20.04.2011 14:50

Понятно, вам нужно сделать zoom сайта. Просто так сделать для всех браузеров едва ли получится. В IE есть свойство нужно свойство - zoom. В некоторых новейших версиях других браузеров подобное тоже есть - поищите как сделать zoom c помощью CSS3.
Есть и другой вариант - переверстать сайт, указав все размеры не в пикселях, а в em - включаяя размеры картинок. После этого просто менять размер шрифта страницы с помощью javascript, и весь сайт будет увеличиватся под размер шрифта. Погуглите на предмет "эластичные шаблоны". Будет работать во всех браузерах.
Наконец, подумайте, а нужно ли оно? При увеличении масштаба увеличиваются и картинки, с неизбежной потерей качества.

Logo 25.04.2011 15:26

Еще можно определять, если ширина окна намного больше ширины сайта, тогда показать полупрозрачную подсказку, нажмите Ctrl++ чтобы увеличить сайт.


Часовой пояс GMT +3, время: 17:03.