CSS: iPhone Custom CSS

1. [代码][CSS]代码     

<style type="text/css" media="screen">
 
/* iPhone 4
@media only screen and (-webkit-min-device-pixel-ratio:2){
#innerWrap{ 650px; }
#container{ inherit; }
}
 
@media all and (max-device- 480px){
#innerWrap{ 650px; }
#container{ inherit; }
}http://www.huiyi8.com/lunwenppt/

@media screen and (orientation:portrait) and (min-device- 768px) and (max-device- 1024px){

#innerWrap{ 1024px; border: 0px solid yellow; }
#container{ 650px; border: 0px solid violet; }
}​毕业设计答辩ppt
@media screen and (orientation:landscape) and (min-device- 768px) and (max-device- 1024px){
#innerWrap{ 1024px; border: 0px solid yellow; }
#container{ 650px; border: 0px solid violet; }
}
*/
 
</style>
<!-- Portrait -->
<link media="only screen and (max- 320px)" rel="stylesheet" type="text/css" href="http://kuscinteractive.org/css/nowplaying/iphone_portrait.css"/>
<link rel="stylesheet" media="all and (orientation:portrait)" type="text/css" href="http://kuscinteractive.org/css/nowplaying/portrait.css">
 
<!-- Landscape -->
<link media="only screen and (min- 321px)" rel="stylesheet" type="text/css" href="http://kuscinteractive.org/css/nowplaying/iphone_landscape.css"/>
<link media="all and (orientation:landscape)" rel="stylesheet" type="text/css" href="http://kuscinteractive.org/css/nowplaying/landscape.css">
 
<!-- iPhone Retina Display -->
<link media="only screen and (-webkit-min-device-pixel-ratio: 2)" rel="stylesheet" type="text/css" href="http://kuscinteractive.org/css/nowplaying/retina.css" />