モバイル デバイス用に設定したビューポート設定をデスクトップ ブラウザーで無視するにはどうすればよいですか? ブラウザ ウィンドウのサイズを小さくすると、携帯電話のみを対象とした変更が適用されます。
私が持っているページはデスクトップ ブラウザーと iPad で読めるので、モバイル専用の新しい CSS を作成したいと考えています。たとえば、Nexus 4 の電話画面は 768 x 1280 ピクセルで、iPad やデスクトップ ブラウザーと同等ですが、すべてがはるかに小さく表示されるため、別のレイアウトを作成しました。特定のデバイスで無視する必要があるだけです。
私はレスポンシブ デザインに慣れていないので、初心者向けの質問で申し訳ありません。自分で答えを探してみました。どんな助けでも大歓迎です。
昔 (2001 年) にさかのぼると、最も人気のあるブラウザーで CSS が非常に不均等にサポートされていたとき、この種の問題はブラウザー検出で処理されていました。ブラウザーがデスクトップ バージョンの場合、viewport タグは使用しません。
当時、IE が苦痛の主な原因の 1 つであった Microsoft は、ブラウザの機能を検出するという、少し異なる方法を推奨しています。
http://msdn.microsoft.com/en-us/magazine/hh475813.aspx
ユーザーとして、私は tumblr.com で問題を抱えています。この tumblr.com では、すべてのビューポートの値が「960」に強制され、1440x900 のモニターで Web サイトが見栄えが悪くなります。
CSS と HTML のサポートの違いに対処するために、すべての Web サイトがまだブラウザー検出を使用していると思いました。そうではないようです。