1

私はサイトを作成していますが、デバイス (PC、iPad、iPhone) ごとに異なる CSS を使用する必要があります。ユーザーがどのデバイスを使用して CSS を選択したかを知ることは可能ですか?

4

3 に答える 3

2

メディア タイプに基づいて異なる CSS をロードします。

W3C - メディアの種類

于 2010-10-08T17:04:22.717 に答える
1

ユーザーがサイトを表示しているプラ​​ットフォーム/デバイスに関する最良の情報は、ブラウザのバージョンであり、HTTP ヘッダーで入手できます。モバイル デバイスは、Chrome (Android フォンの場合) または IE (Windows Mobile フォンの場合) を使用していると言うかもしれませんが、バージョン情報から、それがブラウザーのモバイル バージョンであることを発見できるはずです。

JavaScript を使用してスタイルを動的に設定したり、サーバー側スクリプト (ASP、JSP、PHP) を使用して CSS スクリプトをロードしたりできます。何を処理する必要があるかは、サイトの記述内容によって異なります。動的にスタイルを設定するためにモバイル デバイスで大きな JS スクリプトを実行すると、モバイル デバイスではパフォーマンスが低下することに注意してください。

于 2010-10-08T17:06:25.247 に答える
1

@Justin Niessner の回答で十分な微調整ができない場合は、ユーザー エージェント文字列からブラウザ/デバイスを検出してみてください。これは一部の人々に嫌われており、正確であるとは限りませんが、役に立つかもしれません. 基本的には、JavaScript でブラウザを検出し、正しいスタイルシートを動的に追加します。または、これをサーバー側で行うこともできます。

于 2010-10-08T17:07:18.653 に答える