2

HTML とメタ ビューポート、および css3 メディア クエリを使用して、ウェブサイトをモバイル ブラウザーに対応させました。BlackBerry では完璧に動作しますが、IOS および Android デバイスではさらにズームインします。それは物事を本来あるべきものを2倍にするようですか？これはビューポートのスケールと関係があると読みましたが、スケールを小さくすると、BlackBerry やその他のデバイスで台無しになります。私は文字通り何日もこれを検索しようとし、多くのことを試しましたが、私はそれを理解できないようです. 私がやりたいことの例はhttp://www.dribbble.com/です。

これに対する修正はありますか？ここでサイトを表示できますhttp://new.comedytime.tv/と私が使用しているメタビューポートは次のとおりです。

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

すべての助けに感謝します！タンク！:)

4

2 に答える 2

1

試す

  user-scalable = 0

それよりも

   user-scalable = no

これは、すべてのデバイスの解像度で機能するはずです。ただし、ズームは無効になっています。

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

css メディア クエリを使用して、幅と高さごとに表示を調整します。

于 2014-12-10T17:12:04.720 に答える
1

あなたの問題に対する直接的な解決策はありませんが、少しテストしました。Android (FF Mobile、Android 4.0) で確認したところ、正しいズームで表示されているようです。ホームページの上部の簡単なスクリーンショットを次に示します: https://dl.dropbox.com/u/71993227/2012-08-20_10-10-12.pngその余分なフィードバック）。

私が知る限り、あなたのビューポート タグは正しいようです。自分のサイトでテストしたところ、正しく機能しました。

Blackberry や他の一部のデバイスは非常に小さいため、小さい画面のみを対象とする別のメディア クエリを含めて、CSS を調整する必要がある場合があります。これが少し役立つことを願っています！

于 2012-08-19T22:30:42.387 に答える