простые запросы CSS СМИ не работают

следующие веб-странице отображается правильно на рабочем столе, но я не могу понять, почему он не работает на андроид телефон (цвет текста всегда синий):простые запросы CSS СМИ не работают

<html> 
    <head> 
     <style type="text/css"> 
      @media screen { body { color: blue; } } 
      @media handheld { body { color: red; } } 
     </style> 
    </head> 
    <body> 
     This is a test! 
    </body> 
</html>

Проверено на:

Android: 4.0.4
Стандартный андроид веб-браузер: 4.0.4-S7562XXALJ4
Chrome: 25.0.1364.169
Firefox: 19.0.2

Во всех мобильных браузерах отключена возможность отображения веб-страницы на экране компьютера. Веб-страницы, использующие медиа-запросы, работают правильно.

Я также пробовал только экранную/не экранную пару, и он все еще не работает.

Спасибо!

источник

2013-03-13 user694759

Try пути воздействия на размере глазков

@media screen { body { color: blue; } } 
@media only screen 
    and (max-width : 420px) { 
    /* Styles */ 
    body { color: red; } 
}

Изменить «Макс-ширину» по вашему целевому устройству портого зрения

источник

2013-03-13 08:39:01 Razmig

Спасибо, это работает. Я избегал этого маршрута, потому что это хакерское исправление :(, но он будет делать. – user694759

Рад, что я мог помочь :) – Razmig

простые запросы CSS СМИ не работают

ответ

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