2010年5月4日火曜日

iPadのSafari用HTMLメモ



iPadのSafari用HTMLで次のように書いておくと縦と横でCSSを切り替えられる -
[モ]Modern Syntax
<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">

Preparing Your Web Content for iPad - Apple

iPad  User Agent
Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10

iPad 判別 javascript
<script type="text/javascript">
if(navigator.userAgent.match('iPad' )) {
} else {
location.href='http://ほげほげ.html'; }
</script>


0 件のコメント:

コメントを投稿