css样式标记未在safari中计算
我想通过css加载背景图像，具体取决于带有@media关键字的显示分辨率。它在Firefox和chrome中运行良好，但在Safari中不起作用。有什么我错过的吗css样式标记未在safari中计算,css,safari,Css,Safari,我想通过css加载背景图像，具体取决于带有@media关键字的显示分辨率。它在Firefox和chrome中运行良好，但在Safari中不起作用。有什么我错过的吗 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Snowboardschule: Skigebiet</title>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Snowboardschule: Skigebiet</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="/fileadmin/css/style.css?1496823820" media="all" title="main">
<style type="text/css">@media(min-resolution: 1dppx){ .trailer { background-image: url(fileadmin/_processed_/e/d/csm_trailer1_ca6cb9b743.jpg); }}</style>
</head>
<body>
<header>
<div class="trailer">
...
</div>
</header>
</body>
</html>
滑雪板雪橇
@媒体（最小分辨率：1dppx）{.trailer{background image:url（fileadmin/_-processed_/e/d/csm_-trailer1_-ca6cb9b743.jpg）；}
...
<style type="text/css">
@media and screen (min-resolution: 1dppx)
{ .trailer { background-image: url(fileadmin/_processed_/e/d/csm_trailer1_ca6cb9b743.jpg); }}
</style>
@媒体和屏幕（最小分辨率：1dppx）
{.trailer{背景图片：url（fileadmin/_-processed_u/e/d/csm_-trailer1_-ca6cb9b743.jpg）；}