0

私は以前、次のようなものを使用するように言われました:

<link rel="stylesheet" media="only screen and (max-width: 480px)" href="mobile.css">

モバイル ユーザー向けに別のスタイルシートと HTML ドキュメントを使用したいと考えています。それは正常ですか？モバイル版からカットしたい要素が非常に多いため、モバイル用のサイト内にサイトを作成するだけの方が簡単に思えました。それは独自の html と CSS です。

上記のメディア クエリをモバイル固有のスタイルシートと html に使用するにはどうすればよいですか? どのコードを使用し、どこに配置しますか?

4

2 に答える 2

0

私に関する限り、ブラウザ サーバー側を検出し、別のページを提供する必要があります。

PHP 疑似コードの例

if(browser == mobile && !isset($_COOKIES["prefer_desktop_view"])) //Pseudo code you do the checking here
{
   $_COOKIES["is_mobile"] = true; //more pseudo code
   header("location: mobile.example.com") //redirect solution - if
}

メディア クエリは CSS 固有です。クライアント側でこれを行う方法はありません。あったとしても、クライアントは「デスクトップ」HTML をダウンロードして解析する必要があります。

于 2012-05-09T00:06:21.843 に答える