Я использую медиа-запросы на страницеhttp://test.lovecpokladu.cz/detail-mince?id=2461 как это:

<code>@media all and (min-width: 660px) {
    ... styles for box decoration ...
}
</code>

и используйте этот мета-тег viewport:

<code><meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</code>

Когда я изменяю размер окна Chrome до 660 пикселей (измеряя только страницу HTML, а не границы окна), стили применяются правильно. Стили не применяются в 659 пикселей, что является правильным.

Проблема с Opera, IE и Firefox. Стили применяются так же быстро, как ширина достигает 642 пикселей :( Я наблюдаю, как эти браузеры запускают min-width быстрее при большем количестве контента, даже в состоянии max-width и даже на другом веб-сайте (созданном мной).

Где может быть проблема?

Большое спасибо!