Question

这是我的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。我该怎么纠正这个？

由于

Answer 1

Safari仍然对此功能提供部分支持： Link

来自caniuse.com：

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

Answer 2

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

Browser Compatibility

媒体查询和Safari

2 个答案: