link rel="stylesheet" type="text/css"
href="style.css" media="all"
link rel="stylesheet" type="text/css"
href="ipad.css" media="screen and (max-width: 768px)
link rel="stylesheet" type="text/css"
href="iphone.css" media="handheld and (max-width: 480px),
screen and (max-device-width: 480px),screen and (max-width: 600px)
iphone4
link rel="stylesheet" type="text/css"
href="iphone4.css" media="only screen and (-webkit-min-device-pixel-ratio: 2)"
ipad直與橫
link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css"link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css"
另外加上meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"