Ektron - register.css, кажется, разбивает отзывчивый макет

Question

Я использую некоторые мультимедийные запросы CSS на моем сайте Ektron. Они правильно функционируют на iPhone, но когда я пытаюсь имитировать меньшие экраны на моей производственной площадке, точки останова не попадают.

Вот странная часть (для меня, по крайней мере). Когда я просматриваю сайт на моем сервере разработки, точки останова работают как чемпион. Большая разница в том, что на моем dev-сервере я отключил агрегацию и минимизацию CSS. Таким образом, казалось бы, что-то о методе css.register в API-интерфейсе (частично) нарушает мой отзывчивый CSS. Как я уже сказал, он работает правильно на мобильных устройствах, но мне очень хотелось бы знать, почему он не работает на рабочем столе.

Я видел сообщения, ссылающиеся на подпрограммы минимизации, используемые некоторыми платформами, которые прерывают медиа-запросы (например, они удаляют слово «и»). Но это, похоже, не происходит.

Неужели кто-нибудь еще испытал это?

Вот CSS сниппет:

агрегация CSS

@media only screen and (min-width:320px) and (max-width:767px) { 
/* phones, handhelds smaller than iPad */ 
#subnavbg { 
    visibility:hidden; 
} 
.login-left 
{ 
    border: none; 
    width: 100%; 
} 
.login-right 
{ 
    width:100% 
} 
} 

Answer 1

объединяет несколько CSS файлов вместе. Если в одном файле есть синтаксическая ошибка, это может повлиять на все другие файлы, которые сгенерированы вместе с ним. Браузеры могут игнорировать некоторые синтаксические ошибки, такие как отсутствие закрытия} в конце файла. Однако, когда этот файл объединяется с другими файлами, он становится проблемой. Попробуйте открыть каждый файл css в Visual Studio и проверить наличие ошибок.