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



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

#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

#2 Kukus
Kukus
  • Неактивные
  • 134 сообщений
  • Репутация: 8

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

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



Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
Megoydagi Megoydagi 1-й за Август
Очков активности: 30 4 темы, 8 сообщений, 1 балл репутации
Сайт: bank.net.ru
ТОП самых активных за этот месяц
  • Фотография Vmir
    #1

    Vmir
    Очков активности: 48 3 темы, 7 сообщений, 2 балла репутации

  • Фотография BLIK
    #2

    BLIK
    Очков активности: 40.5 Вне конкурса за определение пользователя месяца

  • Фотография Zevss
    #3

    Zevss (domles43.ru)
    Очков активности: 15 3 темы, 1 сообщение, 1 балл репутации

  • Фотография WGN
    #4

    WGN (worldgamenews.com)
    Очков активности: 12 1 тема, 5 сообщений, 1 балл репутации

  • Фотография SergiuS85
    #5

    SergiuS85
    Очков активности: 12 2 темы, 2 сообщения, 1 балл репутации

  • Фотография Totti
    #6

    Totti
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

  • Фотография Sale_account
    #7

    Sale_account
    Очков активности: 10.5 2 темы, 1 сообщение, 1 балл репутации

  • Фотография kuztoday
    #8

    kuztoday
    Очков активности: 10.5 1 тема, 4 сообщения, 1 балл репутации

  • Фотография mkreine
    #9

    mkreine (analiz-krovi.net)
    Очков активности: 9 1 тема, 3 сообщения, 1 балл репутации

  • Фотография Megoydagi
    #10

    Megoydagi (bank.net.ru)
    Очков активности: 9 Вне конкурса за определение пользователя месяца

  • Показать весь ТОП 10

Поддержите форум! =)
Топ 5 участников по репутации

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