2013-09-02 4 views
1

У меня есть три таблицы стилей: постоянный, один для Windows 800px или выше («стандартный»), и один для окон размером менее 800 пикселей («мобильный»). Моя проблема заключается в том, что стандартная таблица стилей распознается и применяется, но когда я изменяю размер окна до 800 пикселей, мобильный лист игнорируется, и я остаюсь с только постоянным стилем. Я подозреваю, что это основная синтаксическая ошибка, но я не смог найти проблему.Запрос СМИ CSS не срабатывает

<link rel="stylesheet" type="text/css" href="persistentstyle.css"> 
<link rel="stylesheet" type="text/css" media="screen and (min-width:800px)" title="standard" href="style.css"> 
<link rel="stylesheet" type="text/css" media="screen and (max-width:799px)" title="mobile" href="mobilestyle.css"> 

У меня уже есть необходимые мета-тег в заголовке:

<meta name="viewport" content="width=device-width" /> 

Спасибо!

+0

Возможно, только неправильная ссылка на файл 'mobilestyle.css'? – kirilloid

+0

Почему бы просто не добавить медиа-запросы «встроенные» внутри ваших CSS-файлов в нижней части основного файла CSS? Или, если вы хотите их разделить, поместите код запроса на мультимедиа вверху отдельных файлов для каждого разного размера. – jamez14

+0

Ваши медиа-запросы выглядят нормально. Некоторые методы отладки: 1) проверьте свою таблицу стилей для мобильных устройств на наличие ошибок. 2) создайте экран