web-dev-qa-db-ja.com

モバイルデバイス用にWebサイトをスケーリングするにはどうすればよいですか？

私は非常に単純な静的Webページを持っています（cssとリンクのみでスクリプトはありません）。 Androidとiphoneで見栄えがしますが、小さすぎます。ほとんどのサイトで機能するので、小さくしていると思います。これをオーバーライドして、サイズIに見えるようにするにはどうすればよいですか。なりたいですか？

androidcssiphonemobile-website
23
koby

Androidはサイトのサイズに合わせて自動的に調整します。通常のビューモードでは、幅：100％以下を使用してください（スクロールバーはスペースを取ります）。

IPhoneの場合は、このコードを使用して正しいサイズを強制してみてください

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">

また、フォントサイズを強制するには、cssで次のコードを使用してみてください。

-webkit-text-size-adjust: none;
50
TomHastjarjanto
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

リストはコンマで区切る必要があります。

2
dergachev