0

さまざまなデバイスで、最初にロードしたときにサイトの幅が画面の幅に収まるように「初期スケール」を設定する方法について疑問に思っています。

私のウェブサイト

http://bam.net16.net/BAM/

通常のブラウザーでは問題なく動作しますが、モバイル デバイスのブラウザーではテキスト インフレーション + iframe が半分空白になるという奇妙な動作がありました。ビューポートのメタ タグが役に立ちます。これで問題なく動作しています。

    <meta name="viewport" content="width=device-width" />

    <meta name="viewport" content="width=240, height=320, user-scalable=yes, initial-scale=0.3, maximum-scale=1.0, minimum-scale=0.3" />

    <meta name="apple-mobile-web-app-capable" content="yes" />

Atm 初期縮尺が大きく、サイトが拡大されて開始される場合、画面外にあるサイト内の iframe の部分は、縮小しても描画されません。小さな初期スケールで設定してズームアウトを開始すると、ズームインでき、すべて正常に動作します。

4

1 に答える 1

0

わかりました、私の問題を解決したのは、実際に上記のメタタグをすべて削除し、この行をCSSに追加することでした..

html * {最大高さ:1000000px;}

これにより、そもそも私のウェブサイトがモバイルで機能しなくなっていたフォントのインフレーション/ブースティングが修正されます。これらのビューポート メタ タグがなければ、私がテストしたすべてのブラウザー* は自動的にページ幅にズームします。

* Android のデフォルト、chrome および firefox。

于 2013-11-27T21:43:04.620 に答える