[ jQuery ] スマホ・タブレットで画面が縦横切り替わりイベント ( orientationchange ) – 偏差値40プログラマーここでは、iPhone, iPad, Android 系端末で画面の縦横に応じて出力する HTML を切り替えたり、縦横の切り替わり時に発生するイベントを捕捉して何らかの処理を行うサンプルスクリプトを掲載しています。 縦横に応じて読み込むスタイルシート ( css ) を切り替える 画面の縦横に応じて、それぞれ読み込ませるスタイルシートを切り替えるには、以下のようにスタイルシートを設定します。なお、IE などのデスクトップ用のブラウザでは、画面の表示領域の大きさを縦長にしたり、横長にしたりすることで読み込む css が切り替わっていることを確認できます。 <head> <meta charset="UTF-8"> <title>iPhone/iPadで縦と横の時の読み込むスタイルシートをそれぞれ設定する</title> <meta name="viewport" content="widt
