Перейти к содержимому


Партнерская программа Kredov

Адаптивная верстка - проблема

#1 Buggy

Buggy
  • Пользователь
  • 1 сообщений
  • Репутация: 0
0

Отправлено 06 Февраль 2013 - 13:47

Добрый день.
Делаю адаптивную вёрстку. Для проверки ширины браузеров пользуюсь 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

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Разработка сайтов! низкие цены * адаптивная верстка * оптимизация
  2. Адаптивная верстка. Не появляется меню portrait
  3. Создание макетов, Адаптивная верстка
  4. Адаптивная верстка. Как реализовать?
  5. Адаптивная верстка за символическую плату

#2 Kukus

Kukus
  • Пользователь
  • 134 сообщений
  • Репутация: 8

Отправлено 06 Февраль 2013 - 16:34

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


Оформление форума – IPBSkins.ru