CSS-запросы СМИ, не работающие в Safari

Кто-нибудь знает, почему медиа-запросы не работают в Safari? Например:CSS-запросы СМИ, не работающие в Safari

body { 
    background-color:black; 
} 

@media screen and (min-width: 1024px) and (max-width: 1300px) { 
    body { 
     background-color:red; 
    } 
} 

@media screen and (max-width:860px) { 
    body { 
     background-color:yellow; 
    } 
} 

@media screen and (max-width: 600px) { 
    body { 
     background-color:orange; 
    } 
}

Этот пример (http://jsfiddle.net/crUVv/show) большой во всех браузерах работает только в Safari.

источник

2013-07-30 Mladen

вы говорите о сафари для мобильного или сафари рабочего стола? и какая версия точно? – fcalderan

Настольная версия (Windows, V5.1.7) – Mladen

использовать этот meta в вашем head

<!DOCTYPE html> 
    <html lang="en-us"> 
     <head> 
      <meta name="viewport" content="width=device-width"> 
     </head> 
     <body> 
     </body> 
</html>

источник

2013-07-30 08:11:38 falguni

CSS-запросы СМИ, не работающие в Safari

ответ

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