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



 

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

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

Открыть тему
Тема закрыта
> Адаптивная верстка - проблема
buggybuggy
buggybuggy
Topic Starter сообщение 6.2.2013, 14:47; Ответить: buggybuggy
Сообщение #1


Добрый день.
Делаю адаптивную вёрстку. Для проверки ширины браузеров пользуюсь Web Developer tool в Мозилле и Resolution Test в хроме. Приведу пример на одном из разрешений - 1024 пикселей по ширине.

В css стоит условия:
@media screen and (min-width: 768px) and (max-width: 1024px) {}
@media screen and (min-width: 1024px) {}
Т.е. при ширине экрана больше 1024 - один дизайн, меньше 1024, но больше 768 - другой.

Инструментами устанавливаю ширину экрана на 1024 (два разных инструмента, два разных браузера). Виже что применяется стиль для 768. Полосы прокрутки я убрал, т.е. страница сайта во всю ширину окна браузера.

Отсюда tigir.com/javascript.htm взял скрипт, определющий ширину окна браузера. Урезал его до:
function getClientWidth()
{
return document.documentElement.clientWidth;
}
Поставил на onClick...
При установленном разрешении 1024 (по словам инструментов обоих браузеров), скрипт выдаёт ширину клиента 1014 (хром) или 1016 (мозилла). Исходя из такой ширины окна стиль применяется правильно. Но откуда они берут эту ширину?!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Kukus
Kukus
сообщение 6.2.2013, 17:34; Ответить: Kukus
Сообщение #2


полоса прокрутки

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВерстка/Натяжка/Оптимизация/Увеличение функционала шаблонов на WP
Разработка на профессиональном уровне
144 Gerga 91644 11.3.2024, 19:59
автор: anchous
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыКачественный современный дизайн сайтов, логотипов, печатной продукции. Верстка.
26 zaiko 17159 30.1.2024, 18:10
автор: zaiko
Открытая тема (нет новых ответов) Верстка шаблона Битрикс
0 bat 1362 26.9.2023, 6:22
автор: bat
Открытая тема (нет новых ответов) Верстка электронных писем бесплатно
0 Gidemopassan 1499 23.6.2023, 10:12
автор: Gidemopassan
Горячая тема (нет новых ответов) Сайт "под ключ" (дизайн, верстка, CMS)
32 Brans 16445 19.5.2023, 22:01
автор: Brans


 



RSS Текстовая версия Сейчас: 28.3.2024, 15:18
Дизайн