-
Привет,
Назрел такой вопрос: вот есть сайт, смотрица отлично на 1024х768, неплохо масштабируется для 1280х800, сносно для 1440х900 а дальше все растягивается очень некрасиво... Представляю как это выглядит на 1600 или 2560 по ширине.
Так вот, какие вы знаете способы бороться с этим?
Идеи, которые пришли мне в голову:
1. Запретить размер экрана больше определенного с помощью javascript. Минусы очевидны - скрипты поддерживаются не везде. Будут ли еще минусы для пользователя в этом случае?
Вообще, практикуется такой способ (ни разу не встречал)?
2. Сделать несколько вариантов странички и загружать их в зависимости от режима монитора. Проблема в том, что для диапазона 640-2560 (ширина экрана), придется сделать штук 5 вариантов.
3. Ну и оставлять поля по краям или сбоку. Тоже не катит, так как смотрится некрасиво.
Какие еще есть способы?
Жду ваших комментариев.
-
Делать два варианта - для разрешений от 800 до 1280 и еще один для более высоких.
P.S.: 2560??? mood:глупо хихикает
-
Тёма, если вы считаете что 2560 нет, то эт совсем не значит что его действительно нет. =)
Вариант - делать хорошую верстку... чтобы элемента дизайна не разъезжались совсем далеко, при том ездили по страничке, плюс можно реализовать, что при 1600 например - появляются скрытые на более низких разрешениях обхекты (с помощью css можно добиться) =)
-
У меня хоть и больше чем 1600, но браузер за редким исключением раскрываю на весь экран.
И считаю, что делать разные версии для разных разрешений экранов зря потраченное время. Никто этого не оценит.
Лучше попытаться сделать одну нормальную верстку. В этом плане очень удачным считаю Lenta.ru.
Я проставляю процентное соотношение по всей сетке сайта, делаю процентные отступы от текста и от объектов. Никаких особых примудростей не использую.
-
2GoDoom, я не в том смысле что его нет, а что используют такое разрешение 0,000...01 процент пользователей. Причем шанс что этих уникумов занесет на Ваш сайт еще меньше [Only registered and activated users can see links. Click Here To Register...]
-
[Only registered and activated users can see links. Click Here To Register...]
2560x1024 — 0.0192%
сейчас рабочий диапазон от 800х600 до 1280х1024.
в скором времени, возможно, он расширится до 1600х1200.
хотя может быть и другой поворот событий — быстрое развитие мобильных устройств приведет к снижению размера экранов пользователей.
-
2GoDoom, как с помощью css сделать скрытые при низких разрешениях объекты? Можно примерчик?
И еще вопрос ко всем: можно ли сделать зависимость ВЫСОТЫ таблички (или слоя) от ШИРИНЫ окна?
-
2 tomorrow: но ты помнишь, что не у всех мониторов соотношение сторон 4:3.
-
Cделать несколько стилей под каждое разрешение, и через JS подгружать их. Ну а тем у кого по ширине 2560 и нет JS, придется довольствоваться тем, что есть.
Легко и оптимистично.
-
Гриша я думал об этом. Все-таки кажется что лучше если режимы будут переключаться автоматически при загрузке в зависимости от монитора, чтобы не было проблем с поддержкой скриптов.
-
Примерчик не дам, ибо лень искать...
Но решения такие:
1). Явой делать style.display = TRUE или FALSE
2). Если делать так, что элементы появляются слева... то мы весь дизайн запихиваем в див, body { text-align: right; } у этого дива { text-align: left; width: 1006px; } в диве вешаем еще див (с элементом диза) и пишем в стилях { position: absolute; margin-left: -15%; } или же в пикселях... таким образом получится, что у нас дизайн стандартно рассчитан на разрешение 1024 по ширине, но если больше - то левее появляются какие-то скрытые элементы дизайна...
3). Делать хорошую верстку с отступами и размерами в процентах.
Имхо, третий вариант - лучший =)
-
Использовать max-width. Вроде, уже придумали решение для IE.
Кстати, очень интересно сделан сайт Rammstein ([Only registered and activated users can see links. Click Here To Register...]) -- поменяйте ширину экрана, посмотрите, что получается.
-
так каким методом лучше пользоваться ?
P.S. кстате этот чуток форум плывет на разрешении 1280
-
1. Методом max-width.
2. Этот форум никто не корректирует, потому что скоро выйдет совсем новая версия дизайна.
