1
私は、CSSデザイナー向けにさまざまな解像度の携帯電話とタブレットのリストを探していましたが、一部の携帯電話には巨大な解像度があり、一部のタブレットにはほとんどのコンピュータよりも大きな解像度があることに気付きました。ページをデスクトップから電話/タブレットを認識させるにはどうすればよいですか？
ここに私の問題があります：私はロゴをマウスの方に少し移動させる私のページに小さなガジェットを持っています。コンピュータには効果がありますが、タブレットや携帯電話では役に立たなくなります（おそらく、マウスを使わずにロゴが正しく中央に配置されているかどうかわからないため、おそらく問題になるでしょう）。私はそれを無効にし、メディア照会で小さな携帯電話の通常のロゴに置き換えることができましたが、ユーザーがタブレット上にあるかどうかを認識してページを修正する方法がありますか？
高解像度のデバイスをターゲットにするには、ユーザーエージェント文字列（正確ではない）またはCSSピクセル比メディアクエリを使用してターゲットを設定することができます。 – Aziz
「タブレット」を定義します。私のラップトップは、タッチスクリーンとマウスを持っています。つまり、[入力機能に関するメディアクエリのサポートが増えている]（https://googlechrome.github.io/samples/media-hover-pointer/） –
実際には**マウス**を検出したいので、君は？あなたはマウスレスのコンピュータは望んでおらず、マウスでタブレットに気にしないでください。 （マウスが表示されない場合でも機能が壊れないように、機能を書き換えてください）。 –