@media срабатывает на меньшем расширении

#1 20 марта 2015 в 01:01
Решил шаблон стандартный переделать. Прописываю в стилях
  1. @media screen and (max-width: 980px) {
  2. #layout{ padding: 0 1%;}
  3. }
Но вот браузер почему то стиль изменяет при ширине экрана не 980, а 883, в чем может быть ошибка?
#2 20 марта 2015 в 01:06
так padding же… из за него наверное…
#3 20 марта 2015 в 01:13


так padding же… из за него наверное...

solitario84

Да вот нет. Что угодно пропиши туда, хоть просто изменение ширины, все равно работает не при том расширении. На сколько я понимаю, он же берет ширину окна браузера?
При чем вроде все менял, все делал нормально. И потом уже под конец моей задумки вылезла такая проблема.
#4 20 марта 2015 в 01:19
а инспектором стили не смотрели при нужном расширении?
#5 20 марта 2015 в 01:25


а инспектором стили не смотрели при нужном расширении?

solitario84

В нем и смотрел. Вроде стиль воспринимает, прописывает, но браузер их видит только при более низком расширении, хотя прописывает медиа, что мол срабатывает при 980.
#6 20 марта 2015 в 01:30
Что самое интересно, сделал то же самое с дефолтовом, неизменным шаблоном, и такая же ерунда. Просто анреал какой то.
#7 20 марта 2015 в 01:30
хм… интересно… а он у Вас на локалке? демо нет?.. и где просматриваете, на каком устройстве, в каком браузере?.. может это свойства браузера? остальные запросы срабатывают как надо?
#8 20 марта 2015 в 01:31
попробуйте добавить !important;
#9 20 марта 2015 в 01:34


хм… интересно… а он у Вас на локалке? демо нет?.. и где просматриваете, на каком устройстве, в каком браузере?.. может это свойства браузера? остальные запросы срабатывают как надо?

solitario84

Гугл хром на денвере, локалке, в IE точно так же работает, в других не смотрел. 2 дня до этого начал этим заниматься, переделками. Все прекрасно работало. А сейчас вот решил продолжить и все слетело. Попробую завтра денвер переставить, да браузеры поудалять. Да наверное на хостинг выложу. но там еще днс нужно настроить. А рабочий сайт теребить не хочу.
#10 20 марта 2015 в 01:38
попробуйте добавить !important;
или вот так: (min-width: 980px)
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.