html - 静的サイズのウェブサイトをモバイル ブラウザに合わせる

Question

固定幅 900px の mainwrapper div コンテナーがあります。このラッパーをスケーリングして、幅が約 300px のモバイル ブラウザで読み込み時に完全に表示されるようにするにはどうすればよいですか。900px を変更する必要はありません。meta タグを使用してこれを行う方法があることを願っています。

Answer 1

がある。使用する：

<meta name="viewport" content="initial-scale=1.0, width=900">

ズームを完全に防ぎたい場合は、代わりにこれを使用します。

<meta name="viewport" content="initial-scale=1.0, width=900, maximum-scale=1.0, user-scalable=no">

Answer 2

私はこのコードを使用しており、Opera Android ブラウザーを除くすべてのブラウザーで正常に動作しています。Opera では私のサイトはフローティングですが、幅はラップされます。

<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no' name='viewport'/>