2013-05-08 6 views
0

Я делаю страницу это использовать медиа-запрос:странно страница при использовании средств массовой информации запроса

@media 
only screen and (max-width: 320px){} 

Если размер ширины страницы < = 320px (мы называем это небольшой страницей), она будет загружать CSS внутри СМИ запрос. Но я встречаюсь с проблемой, если я открою tab1 в Chrome и измените размер браузера менее 320 пикселей, отобразится страница мобильного стиля, но затем я открою новую страницу на новой вкладке2, а затем увеличьте эту вкладку, а потом (5 минут), вернитесь к tab1, он по-прежнему загружает мобильный стиль. Если я вернусь сразу же, tab1 покажет правильный стиль css. См. Снимок. normal account summary pagesmall page load the media query styleWeird page, if maximize another tab, some while later, go back to account summary page, it will be like this, the expect result is showing the normal page

Изображение 1 нормальная страница
Picture 2 является малой страница загрузки стиль медиа-запроса
Изображением 3 является странно страницей, если увеличить другую вкладку, некоторые позже, вернитесь к учетной записи итоговой страницы , это будет так, ожидаемый результат показывает нормальную страницу

+0

Кто-нибудь встречает такую ​​же проблему? –

+0

вы можете предоставить код в реальном времени с использованием таких сайтов, как http://jsfiddle.net –

+0

Похоже, что где-то появляется медиа-запрос - нужно действительно увидеть пример кода. – Stuart

ответ

0

У меня была та же проблема, но наоборот.

Может быть вы должны попробовать:

только экран и (мин-ширина: 320px) {}

вместо

только экран и (макс-ширина: 320px) {} .

Смежные вопросы