デスクトップ Web サイトをモバイル デバイス上と同じように表示したいのですが、モバイル デバイスで読むものはすべて小さくなります。画面が小さいという理由だけで、基本的に要素を折りたたむことは望ましくありません。この調整を提供するメタ タグまたはメディア クエリはありますか?
これは私が現在ヘッダーに使用しているものです...
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<meta http-equiv="pragma" content="no-cache">
....
</head>
ありがとう
CSS3メディア クエリ。
CSS Tricks には、さまざまなブラウザー ウィンドウ サイズ(表示解像度よりも有用な指標) に応じてさまざまな CSS を提供するためのチュートリアルがあります。
または、パーセンテージや em を使用するなど、すぐに反応するようにサイトを構築することもできます。完全に反応するサイトを構築する方法を示すチュートリアルがたくさんあります。
メタタグはあなたのニーズに合います
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
ここで調べることができることがいくつかあります。
ただし、サイズ変更/スケーリングしただけの一部の要素は、多くの異なるビューポート サイズの一部ではばかげているように見える場合があります。ビューポート サイズに対して大きすぎる、または小さすぎる特定の要素を使用しないことを検討することをお勧めします。したがって、@media クエリ
ほとんどのスマートフォンでは、必要に応じてデスクトップ Web サイトのサイズが変更されます。したがって、何もする必要はありません。