iPhoneの画面の向きに応じて異なるスタイルシートを呼び出すJavaScriptの実装方法_JavaScriptのスキル

この記事の例では、iPhone の画面の向きに応じて異なるスタイル シートを呼び出す JavaScript の実装方法について説明します。皆さんの参考に共有してください。詳細は以下の通りです。

iPhone の画面が回転すると、この JS コードは画面の変化に適応するためにさまざまなスタイルを動的に呼び出すことができます

<script type="text/javascript"> 
function orient() 
{
 switch(window.orientation){ 
  case 0: document.getElementById("orient_css").href = "css/iphone_portrait.css"; 
  break; 
  case -90: document.getElementById("orient_css").href = "css/iphone_landscape.css"; 
  break; 
  case 90: document.getElementById("orient_css").href = "css/iphone_landscape.css"; 
  break; 
}
window.onload = orient();
</script>

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。