UserAgentごとにスタイルシートを切り替える方法 « テスト問題作成ツール – QuizGenerator
UserAgentごとにスタイルシートを切り替えるJavaScriptを実装しました。iPad, iPad, Androidなどの端末に合わせてスタイルシートを切り替えるのにぴったりです。landscapeとportraitに対して個別のスタイルシートを設定できるので、画面を回転させた時の動作もばっちりです。 利用例 $.loadStyle({ua:/iPhone/, common:'./css/iphone.css', landscape:'./css/iphone_landscape.css', portrait:'./css/iphone_portrait.css'}) || $.loadStyle({ua:/iPad/, common:'./css/ipad.css'}) || $.loadStyle({ua:/.*/, common:'./css/style.css'});
本blogをiPhone/iPod Touchフレンドリーに : 404 Blog Not Found
2008年07月29日03:00 カテゴリTips 本blogをiPhone/iPod Touchフレンドリーに Apple iPod touch アップルコンピュータ してみました。 具体的に行ったのは、以下の通りです。 以下をCSSに追加 @media screen and (max-device-width: 800px) { /* iPhone + small display friendly */ .amn { display:none } #links { display:none } #content { min-width:800px; max-width:1280px } } 以下をテンプレートに追加。charset指定の直下。 <meta name = "viewport" content="width=728" /> 解説すると、AMNのラージバナーとサイドバーを非表
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
楽してiPhone対応サイトを仕立てる方法 | ライフハッカー・ジャパン
