PHPでMedia Queryを使用するにはどうすればよいですか？

Question

PHPでメディアクエリを使用するにはどうすればよいですか？ 私は既にコードを持っていますが、ウィンドウのサイズを変更してもデザインが変更されないという問題があります。可能な方法はありますか？

 <?php 
     if (isset($_GET['width'])) { 
     $width = $_GET['width']; 
     if ($width <= 800) { //mobile devices 
      $style = '<link rel="stylesheet" href="mobile.css" type="text/css">'; 
     } else { //desktop 
      $style = '<link rel="stylesheet" href="style.css" type="text/css">'; 
     } 
     echo $style; 
     } else { 
      echo "<script language='javascript'>\n"; 
      echo " location.href=\"${_SERVER['SCRIPT_NAME']}?${_SERVER['QUERY_STRING']}" . "&width=\" + screen.width; \n"; 
      echo "</script>\n"; 
      exit(); 
     } 
    ?> 

Answer 1

ブラウザの幅が決定される前にPHPが動作するため、これがどのように機能するかわかりません。しかし、それはとにかく必要ではありません。あなたがしたいのは、リンク要素にメディアクエリを適用することです。

<link rel="stylesheet" media="screen and (max-width: 800px)" href="mobile.css"/> 
<link rel="stylesheet" media="screen and (min-width: 801px)" href="style.css"/> 

Answer 2

PHPはページがレンダリングされる前に実行されます。よりダイナミックな振る舞いを目指しているのであれば、JSを使うことをお勧めします。もっとこのような何か：これにより

$(window).resize(function(){ 
    ... 
}); 

やバニラJSで

window.onresize = function(event) { 
    ... 
}; 

あなたが実際にあなたが言及したCSSファイルをロード/アンロードすることができます。

私のお勧めは、そこにすべてのメディアクエリを持つ良い（そして唯一の）CSSファイルに頼ることです。

Responsive Web Design - Media Queries