Я проектирую сайт с изображениями для сетчатки. Он отлично работает с сафари на macbook pro и iphone. Но с Chrome версии 24.0 на macbook pro с Mountain Lion я вижу только 1/4 изображения сетчатки.дизайн сетчатки с css для google chrome
У меня есть логотип с размером 300px х 83px и сетчатки у меня есть сетчатка логотип с размером 600px х 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%;» ? –