スマートフォンからサイトにアクセスしたときだけcssやjavascriptコードを追加する方法が気になります。
現在、メディアクエリを使用していますが、問題は解決しません。現在、一部のスマートフォンは、一部のタブレットやデスクトップよりも解像度が高いためです。
スマートフォンからサイトにアクセスしたときだけcssやjavascriptコードを追加する方法が気になります。
現在、メディアクエリを使用していますが、問題は解決しません。現在、一部のスマートフォンは、一部のタブレットやデスクトップよりも解像度が高いためです。
経由で機能検出を使用できます。タッチ イベントをチェックするためのModernizr 。
または、ユーザーエージェントを使用することもできます - http://detectmobilebrowsers.com/をチェックしてください
ただし、サイトがモバイル、タブレット、ラップトップ/デスクトップにうまく適応するように、流動的なグリッド Web サイト デザインを使用して Web サイトを設計することをお勧めします。
高解像度の画面 (スマートフォンだけを意味するわけではありません) を検出しようとしている場合は、device-pixel-ratio
メディア クエリを使用してください: http://css-tricks.com/snippets/css/retina-display-media-query/
実際に検出しようとしているスマートフォンはどうですか?
可能であれば、サーバー側で User-Agent HTTP ヘッダーを確認し、必要な css および js ファイルを動的に含めてみてください。
ブラウザのユーザー エージェントをチェックして、ユーザーがスマートフォンから接続しているかどうかを確認できます。
この関連記事をチェックしてください