X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Альтернатива некоторой резине в верстке
Arks
Arks
Topic Starter сообщение 20.3.2010, 17:25; Ответить: Arks
Сообщение #1


Задача простая:

Узнать разрешение экрана пользователя и в зависимости от него выбирать css-файлики.
Располагаю html,php,javascript

Кто знает как сделать?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
octavian_hb
octavian_hb
сообщение 20.3.2010, 17:49; Ответить: octavian_hb
Сообщение #2


пишешь в хеде наприммер для ширины экрана 1280
<script>
var w;
w = (window.innerWidth ? window.innerWidth : (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.offsetWidth));
if (w<1220 ) {document.write("<link href=\"style2.css\" rel=\"stylesheet\" type=\"text/css\">");}
else {document.write("<link href=\"style.css\" rel=\"stylesheet\" type=\"text/css\">");}
</script>

для каждого разрешения должен быть написан свой стиль

PS таблицы должны быть фиксированными, а ширина и высота всех элементов записывается в CSS height и width
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
Topic Starter сообщение 20.3.2010, 18:51; Ответить: Arks
Сообщение #3


Спасибо, я так понимаю это js, можно прокомментировать 3-ю строчку? А то ничего в ней не понял, просто только начал изучать js!
Если с последними строками и с шириной окна еще понятно то знаки вопросов и двоеточия это что? Как у скрипта с кроссбраузерностью?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
octavian_hb
octavian_hb
сообщение 20.3.2010, 20:48; Ответить: octavian_hb
Сообщение #4


w = (window.innerWidth ? window.innerWidth : (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.offsetWidth));

определяем ширину окна браузера (а не экрана)
if (w<1220 ) {document.write("<link href=\"style2.css\" rel=\"stylesheet\" type=\"text/css\">");}
else {document.write("<link href=\"style.css\" rel=\"stylesheet\" type=\"text/css\">");}

Если ширина меньше заданного параметра(1200px), то грузим style2.css (у меня для разрешения 1024х768), иначе
грузим style.css (для 1280х1024)

P.S. Я обычно делаю для 1280х1024 ширину 1220px, имхо у многих пользователей слева и справа 50px кк минимум съедаются всякими тулбарами

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Ezoic - лучшая альтернатива для Google Adsense
6 andygo 1971 10.3.2021, 13:25
автор: andygo
Открытая тема (нет новых ответов) Услуги по верстке и натяжки на вордпресс
Верстка(сайты,e-mail письма),натяжка на ворпдресс,
3 unbur 3432 20.12.2018, 10:44
автор: unbur
Горячая тема (нет новых ответов) Услуги по созданию/верстке/доработке/тюнингу сайтов
143 Skovhow 78842 5.12.2018, 11:30
автор: Skovhow
Открытая тема (нет новых ответов) Необходима услуга по верстке
3 borroza 2807 29.8.2018, 0:40
автор: platedz
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыHTML/CSS обучение верстке сайтов с профессиональным подходом
3 Smile3D 2827 28.5.2018, 15:51
автор: mmkulikov


 



RSS Текстовая версия Сейчас: 29.3.2024, 0:04
Дизайн