我正在設計一個網站與視網膜圖像。它適用於macbook pro和iphone上的safari。但是,在MacBook Pro上使用Chrome版本24.0時,只能看到1/4的視網膜圖像。視網膜設計與谷歌鍍鉻的css
我有一個標誌與大小爲300px X 83px和視網膜我有一個視網膜標識與大小600px的X 166px
我的代碼(與DOCTYPE HTML在前):
<html>
<head>
<title></title>
<style>
.headerlogo {width:300px;height:83px;background: url(logo300.png);
background-size: 300px 83px;padding:0px;margin:0px}
@media (-webkit-min-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 3/2),
(min--moz-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.headerlogo {;background: url(logo600.png);}
}
</style>
</head>
<body>
<div class="headerlogo"></div>
</body>
</html>
試過「背景大小:100%;」 ? – 2013-02-11 14:40:01