Добро пожаловать на форум вебмастеров и оптимизаторов! Уже зарегистрированным пользователям, предлагаем войти, а гостям зарегистрироваться войти или зарегистрироваться
 
Reply to this topicStart new topic
> Адаптивная Вёрстка - Проблема, Проблема с определением ширины окна
buggy
сообщение 6.2.2013, 15:10 ·
Сообщение #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. Полосы прокрутки я убрал, т.е. страница сайта во всю ширину окна браузера.

Отсюда ]]>Вы - гость и не можете видеть ссылки. Зарегистрируйтесь!]]> взял скрипт, определющий ширину окна браузера. Урезал его до:
function getClientWidth()
{
return document.documentElement.clientWidth;
}
Поставил на onClick...
При установленном разрешении 1024 (по словам инструментов обоих браузеров), скрипт выдаёт ширину клиента 1014 (хром) или 1016 (мозилла). Исходя из такой ширины окна стиль применяется правильно. Но откуда они берут эту ширину?!
Go to the top of the page
Вставить ник
+Quote Post
gena
сообщение 13.2.2013, 11:25 ·
Сообщение #2
насколько я знаю, скрипты написанные на яваскрипт определяют ширину окна брауера, а не разрешение экрана пользователя, т.е. ширина самого окна без полосы прокрутки и т.д. вот и в каждом браузере разрешение разное, надо верстать под каждый браузер отдельно и скриптами проверять что за браузер и выдавать определенному браузеру определенную верстку
Go to the top of the page
Вставить ник
+Quote Post

Fast ReplyReply to this topicStart new topic

 


Яндекс.Метрика