問題タブ [device-width]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - CSS のビューポート メタ タグ
レスポンシブ Web デザインを実現するための CSS のビューポート メタ タグでは、ページの幅がデバイスの幅と等しくなるように width = device-width を設定<meta name="viewport" content="width=device-width">します。これにより、ユーザーはページを表示するためにスクロールする必要がなくなりますが、高さはどうなりますか? ブラウザは幅に基づいて高さを推測し、それをデバイスの高さにしますか???
css - iphone7 plus のデバイス幅 css は何ですか?
JS で iOS デバイスのデバイスを検出する必要があります。iphone-6 の場合は比率と devicePixelRatio で確認しますが、デバイスが iPhone 7 plus であるかどうかを確認する情報は見つかりませんでした。
古いデバイスの情報を見つけましたが、
iPhone6 および iPhone 6 Plus のデバイス幅 CSS ビューポートのサイズは?
またはこれ
android - モバイル Web サイトは、デバイスよりも広く表示されます。つまんでも問題ありません
レスポンシブが必要な Web サイトを設計しています。
私の問題は、モバイル デバイスでは、これらの Web サイトが最初は画面よりも広く表示されることです。これは、メイン コンテナが 100% に「固定」されていないように、左右に移動できることを意味します。しかし、それは次のとおりです。
しかし、画面を「つまむ」(指で一緒に押す) と、Web サイトが完全に表示され、すべての DIVS が画面内に表示され、サイトが読めるようになります。完璧なレスポンシブ Web サイトのように。
サブページを更新または移動すると、サイトが画面よりも大きくなり、まとめる必要があり、すべて問題ありません。
これは、幅が 414 ピクセル未満のすべてのスマートフォン (Android および iPhone) で発生します。タブレット以上はOK
どこにいても、デバイス内で開く必要があることを Web サイトにどのように「伝える」ことができますか?