Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.07.2012, 19:13
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

@media query min-width глючит в хроме
Верстаю сайт, необходимо задавать разные стили в зависимости от размера viewport'а.
Использую след. правило:

@media only screen
and (min-width: 1200px) {
html{
background: #0f0;
}
}

Так вот, все работает отлично, но при ctrl++ в хроме правило "зависает" и не реагирует на изменение ширины вьюпорта. Что бы хром проснулся, надо поресайзить окно браузера, чтобы сработало другое подобное правило (у меня max-width: 960px), и тогда, при возвращении ширины окна в исходное состояние, правило уже перестает действовать, как и должно быть (ведь вьюпорт уменьшился, верней физически остался тем же, но число отображаемых им "пикселей" стало меньше )

Как решить проблему? Хотя бы обработчиком js. Вопрос в том как отловить изменение зума, ведь врядли браузер генерирует событие. Ну не ставить же таймер и проверять изменение innerWidth... И даже если удастся отловить зумирование, то как вставить браузеру пендаля, чтоб он перекалькулировал свое состояние?

Я еще даже не представляю сколько сюрпризов будет от других браузеров...
Ответить с цитированием
  #2 (permalink)  
Старый 03.07.2012, 19:21
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от danik.js
Вопрос в том как отловить изменение зума, ведь врядли браузер генерирует событие.
почму -
window.onresize = doFunc
function doFunc (){
  alert('A')
}
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Оцените, пожалуйста код вёрстки OlegALL Ваши сайты и скрипты 18 26.07.2011 09:35
query accordion. баг в хроме и сафари wrc jQuery 1 28.11.2010 16:54