手机设备竖屏横屏样式

css:

<link rel=”stylesheet” href=”/portrait.css” media=”all and (orientation:portrait)”/>
<link rel=”stylesheet” href=”/landscape.css” media=”all and (orientation:landscape)”/>
或者

<style media=”all and (orientation:portrait)” type=”text/css”>#landscape { display: none; }</style>
<style media=”all and (orientation:landscape)” type=”text/css”>#portrait { display: none; }</style>

html:
<div id=”portrait”>竖屏时使用的样式</div>
<div id=”landscape”>横屏时使用的样式</div>