Html 媒体查询和Safari_Html_Css_Media Queries

Html 媒体查询和Safari

html css

Html 媒体查询和Safari,html,css,media-queries,Html,Css,Media Queries,这是我的index.html： <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

这是我的

index.html

：

<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

上不行。我应该如何纠正这个问题

感谢您，Safari仍部分支持此功能：

来自caniuse.com：

虽然标准使用最小/最大分辨率进行此操作，但某些浏览器支持较旧的非标准设备像素比媒体查询

请参阅下面的链接“媒体查询支持的浏览器”