ウェブサイトのモバイル向けテーマをデザインしました。しかし、モバイル訪問者をそのテーマに「リダイレクト」する方法がわかりませんか?
私のシナリオで利用可能なオプションは何ですか?
質問する
2027 次
3 に答える
2
CSS ファイルを指定するときに属性を使用してmedia="handheld"、携帯電話などのハンドヘルド デバイスにのみ読み込まれるようにすることができます。handheldしかし、Android ブラウザーと iPhone のブラウザーは最小限の書式設定で Web ページが提供されるのを防ぐために、デバイスとして自分自身を識別しないため、これは最近冗長になりつつあります。
このスレッドを見てください。
携帯電話のカスタムを読み込むphone.cssには、ユーザーの画面幅に依存してmediaクエリを使用できます。
たとえば、これを<head>セクションに追加します。
<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px)" href="phone.css" />
これphone.cssで、デバイスの画面幅が 未満の場合に読み込まれます480px。
詳細な説明については、このソースを参照してください。
これが役に立ったことを願っています。:)
于 2013-07-06T17:09:15.053 に答える
2
于 2013-07-06T17:13:31.757 に答える
0
HTTP リクエストのユーザー エージェント文字列を確認する必要があります。
それに基づいて、対応するサイトにリダイレクトしたり、適切な CSS/リソース ファイルなどをロードしたりできます。
ブラウザのユーザー エージェント文字列を確認したい場合は、このサイトにアクセスしてください。たとえば、私は現在 Windows 8 PC で Chrome を使用しており、私の文字列は次のとおりです。
Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/537.36 (Gecko のような KHTML) Chrome/27.0.1453.116 Safari/537.36
家にはたくさんの Android デバイスがあります。Chrome でブラウジングする場合、それらはすべて基本的に同じユーザー エージェント文字列を持ちます。私がリンクしたサイトには、最も一般的なものもリストされています (フッターのリンクを確認してください)。
于 2013-07-06T17:04:15.707 に答える