Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.04.2011, 00:55
Интересующийся
Отправить личное сообщение для Grendel Посмотреть профиль Найти все сообщения от Grendel
 
Регистрация: 20.04.2011
Сообщений: 18

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

Возможно ли такое с помощью javascript? Спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 20.04.2011, 01:07
Аватар для Magneto
Люмус, Емаксос Developer!
Отправить личное сообщение для Magneto Посмотреть профиль Найти все сообщения от Magneto
 
Регистрация: 06.05.2010
Сообщений: 677

Непонятно что такое окно сайта, перефразируйте.
Ответить с цитированием
  #3 (permalink)  
Старый 20.04.2011, 01:14
Интересующийся
Отправить личное сообщение для Grendel Посмотреть профиль Найти все сообщения от Grendel
 
Регистрация: 20.04.2011
Сообщений: 18

Нужно чтобы скрипт автоматически масштабировал ширину сайта и делал ее 90% ширины монитора.
Ответить с цитированием
  #4 (permalink)  
Старый 20.04.2011, 01:20
Аватар для Magneto
Люмус, Емаксос Developer!
Отправить личное сообщение для Magneto Посмотреть профиль Найти все сообщения от Magneto
 
Регистрация: 06.05.2010
Сообщений: 677

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


Подробнее: min-width, max-width.
Ответить с цитированием
  #5 (permalink)  
Старый 20.04.2011, 01:45
Интересующийся
Отправить личное сообщение для Grendel Посмотреть профиль Найти все сообщения от Grendel
 
Регистрация: 20.04.2011
Сообщений: 18

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

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

Последний раз редактировалось Grendel, 20.04.2011 в 01:52.
Ответить с цитированием
  #6 (permalink)  
Старый 20.04.2011, 10:26
Аспирант
Отправить личное сообщение для Logo Посмотреть профиль Найти все сообщения от Logo
 
Регистрация: 15.03.2008
Сообщений: 91

Не очень понимаю, почему сайт плохо смотрится именно на широкоформатном мониторе. Вам точно нужно опредлять, является ли монитор широкоформатным, т.е. оношение сторон его 16:9/16:10, или дело в мониторе с высоким разрешением по ширине?
Ответить с цитированием
  #7 (permalink)  
Старый 20.04.2011, 10:32
Аспирант
Отправить личное сообщение для Logo Посмотреть профиль Найти все сообщения от Logo
 
Регистрация: 15.03.2008
Сообщений: 91

Цитата:
Нужно чтобы скрипт автоматически масштабировал ширину сайта и делал ее 90% ширины монитора.
Цитата:
Значение width больше сделать не могу. Все элементы фиксированные, сайт поплывет.
Вынос мозга... Определитесь уже, нужно ли вам увеличить ширину, или сайт от этого поплывет.
Ответить с цитированием
  #8 (permalink)  
Старый 20.04.2011, 12:50
Интересующийся
Отправить личное сообщение для Grendel Посмотреть профиль Найти все сообщения от Grendel
 
Регистрация: 20.04.2011
Сообщений: 18

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

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



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



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

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

Последний раз редактировалось Grendel, 20.04.2011 в 12:57.
Ответить с цитированием
  #9 (permalink)  
Старый 20.04.2011, 13:50
Аспирант
Отправить личное сообщение для Logo Посмотреть профиль Найти все сообщения от Logo
 
Регистрация: 15.03.2008
Сообщений: 91

Понятно, вам нужно сделать zoom сайта. Просто так сделать для всех браузеров едва ли получится. В IE есть свойство нужно свойство - zoom. В некоторых новейших версиях других браузеров подобное тоже есть - поищите как сделать zoom c помощью CSS3.
Есть и другой вариант - переверстать сайт, указав все размеры не в пикселях, а в em - включаяя размеры картинок. После этого просто менять размер шрифта страницы с помощью javascript, и весь сайт будет увеличиватся под размер шрифта. Погуглите на предмет "эластичные шаблоны". Будет работать во всех браузерах.
Наконец, подумайте, а нужно ли оно? При увеличении масштаба увеличиваются и картинки, с неизбежной потерей качества.
Ответить с цитированием
  #10 (permalink)  
Старый 25.04.2011, 14:26
Аспирант
Отправить личное сообщение для Logo Посмотреть профиль Найти все сообщения от Logo
 
Регистрация: 15.03.2008
Сообщений: 91

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение размера окна браузера pv! Общие вопросы Javascript 10 29.09.2019 08:45
Динамическое получение ширины и высоты окна браузера Esseron Элементы интерфейса 2 04.04.2011 15:00
Два блока div разъезжаются при скроллинге окна браузера. call007 jQuery 0 03.04.2011 15:21
Как сделать? При выходе мышкой за пределы окна браузера, начинает грузится другая стр alb Events/DOM/Window 13 01.09.2010 11:19
Вывод данных единожды, при открытии окна? Ggorsh Events/DOM/Window 1 28.04.2009 00:04