2015-04-20 4 views
-2

Вот мой index.html:СМИ запросы и Safari

<html> 
<head> 
    <title>My Website</title> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width"> 

    <link rel="stylesheet" media="screen and (max-resolution: 96dpi)" type="text/css" href="css/app_normal.css"/> 
    <link rel="stylesheet" media="screen and (min-resolution: 97dpi) and (max-resolution: 192dpi)" type="text/css" href="css/app_medium.css"/> 
    <link rel="stylesheet" media="screen and (min-resolution: 193dpi)" type="text/css" href="css/app_hi.css"/> 

Это прекрасно работает на Chrome и Firefox (я не забочусь IE!), Но не в Safari. Как мне исправить это?

Благодаря

ответ

0

Safari все еще имеет частичную поддержку на этой функции: Link

От caniuse.com:

Хотя стандарт использует мин/макс-разрешение для этого, поддержка некоторых браузеров более старый нестандартный медиа-запрос с соотношением пикселей к устройству.

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