通常のコンピューターで非常にうまく機能し、サイズ変更を非常にうまく処理するWebページがあります/ウィンドウを好きなサイズにサイズ変更でき、アプリはまだ便利です. 必要に応じてズームインすることもできCtrl+、アプリのレイアウトは自動的に変更されます。
では、スマホの話に移りましょう。私が使う
<meta name="viewport" content="width=device-width"/>
残念ながら、私の Android フォンの dpi は、通常のコンピューターの約 2 倍です。簡単な解決策は拡大することですが、その場合は常にスクロールする必要があります。
すべてを に入れることもできますposition:fixed;width:100%
div
が、それでもスクロールにアクセスできるため、エクスペリエンスが不安定になります。
これにより、スマートフォン ユーザー向けの関連コンテンツのサイズを拡大するために、独自のスケーリング コードを作成するという最後の解決策にたどり着きました。それで、どうすればいいですか?1 つの方法は、ユーザー エージェントを確認し、それを使用して CSS を変更することです。私がそれを好まない理由は 2 つあります。
dpi を検出する方法があれば、その方法を優先します。これはできますか?もっと良いアイデアはありますか?