Что может повлиять на @media screen?

Question

[Карина]

Есть два шаблона, один частично повторяет другой. Проблема в чем: эти два шаблона используют один и тот же файл css, НО один шаблон применяет свойства из

@media only screen and (min-width: 992px) and (max-width: 1199px)

а другой - нет. Я же тестирую на одном мониторе. Что еще может повлиять на media screen? Этот css файл абсолютно идентичный и в одном и в другом шаблоне.
Всем спасибо

Comments

[Ankhena]

Проблема-то в чем?

[Карина]

Ankhena W: проблема в том, что применяется ненужные свойства из (min-width: 992px) and (max-width: 1199px), которые не нужны. Но я, кажись, поняла как это исправить. У меня ширина body в одном случае 1024, а в другом 1280, - это из-за того, что на странице есть еще js плагин masterslider и он через style прописывает width фоновой картинке 1024px. Сделала картинку с одинаковой шириной в обоих случаях , но почему-то всё равно шаблон, в котором это дело барахлит ширина body у него 1024, а должно быть 1280

[Карина]

хотя, нет. ширина body не зависит от этой картинки.

[Ankhena]

iKapex: Без примера не ясно ничего.
В теории: после media могут идти свойства, которые перетирают то, что в media.

Открываете инспектор кода, выбираете проблемный элемент и смотрите кто задает ему ширину, отступы и т.д. из того, что влияет на ширину. Также рассматриваете child'ов и родителей.

Answer 1

[Alex Shalin]

один частично повторяет другой

если css идентичен, то шаблоны различаются и что-то в нем влияет. Без кода сказать трудно. Пройдитесь веб-инспектором.