視網膜媒體查詢iPhone使用HTML

-1

我想讓視網膜在iPhone應用程序（HTML，CSS3和JS）上工作。這是iPhone應用程序。視網膜媒體查詢iPhone使用HTML

我試過如下，它不適用於下面的兩個.png圖像？

HTML：

<div id='slider13' class='swipe; myImage; myImage2;'> 
<ul> 
<li style='display:block'><div><img style="vertical-align: bottom" src="**images/10a.png**" border="0" ></div></li> 
<li style='display:block'><div><img style="vertical-align: bottom" src="images/10b.svg" border="0" ></div></li> 
<li style='display:block'><div><img style="vertical-align: bottom" src="**images/10c.png**" border="0" ></div></li> 
<li style='display:block'><div><img style="vertical-align: bottom" src="images/7b.svg" border="0" ></div></li> 
<!-- <li style='display:none'><div><img style="vertical-align: bottom" alt="" title="" border="0" class="shadow" /></div></li> --> 
</ul>

CSS3：

.myImage { 
height: 100%; 
width: auto; 
-webkit-background-size: 100% auto.; 
background: url("../images/10a.png"); 
} 
@media screen and (-webkit-min-device-pixel-ratio: 2), 
screen and (max-moz-device-pixel-ratio: 2), 
and screen (max-device-width: 320px) { 
.myImage { 
    background: url("../images/[email protected]"); 
    } 
}

來源

2012-12-13 Irishgirl

嘗試一些更多選擇你的班級列表刪除分號。 – BenM

你是說這個班='滑動; MYIMAGE; myImage2; – Irishgirl

是的，刪除分號。 – BenM

看起來它只是一個語法問題，缺少 '唯一'。嘗試：

@media only screen and (-webkit-min-device-pixel-ratio: 2), 
     only screen and ( min--moz-device-pixel-ratio: 1.5) { 

}

有在http://css-tricks.com/snippets/css/retina-display-media-query/

來源

2012-12-13 00:12:57

這是iphone。它工作嗎？ – Irishgirl

@Irishgirl只需在'和（min-width：480px）'這樣的東西中添加它就是iPhone。 –

視網膜媒體查詢iPhone使用HTML

回答

相關問題