私がやりたいのは、デスクトップ固有のバージョンと、iPhone、Android、iPad、およびその他のハンドヘルド デバイスで動作するモバイル バージョンを用意することだけです。
デスクトップを検出するために私が今持っているものは次のとおりです。
@media のみの画面と (min-device-width: 960px) {
そして、私はこれをモバイルで検出する必要があります:
@media のみの画面と (max-device-width: 959px) {
ただし、Android (Galaxy S3) が横向きモードの場合、正しいバージョンが読み込まれません。ランドスケープモードでデスクトップとアンドロイドを区別するにはどうすればよいですか? さまざまな幅や他のコードの組み合わせを試しましたが、何もうまくいきませんでした。(私が得た最も近い方法は、Android のデスクトップ バージョンとモバイル バージョンの両方をランドスケープ モードでロードすることです。)
これについて誰かアドバイスはありますか?