15

ですから、ユーザーが私のウェブサイトで私の背景を見ることができるようにしたいと思います。現在、私のWebサイトの幅は925pxです。モバイルブラウザ（iPhone、Opera Miniなど）でWebサイトを表示すると、テキストが拡大され、ユーザーは背景を見ることができません。

meta viewportタグを使用しようとしましたが失敗しました。モバイルブラウザでデフォルトでWebサイトをズームアウトするにはどうすればよいですか？

編集：

これまでに試したコードは次のとおりです。

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

3 に答える 3

19

これは古い質問ですが、他の誰かが答えを必要とする場合に備えて、とにかく答えています。

2011年9月の時点で、OperaMiniはまだバージョン2.5のPrestoレンダリングエンジンを使用しています。ビューポートは、Presto2.7までOperaで使用できません。（Opera Mobile、スマートフォンブラウザはビューポートをサポートしています。）

これを試して：

<meta name="viewport" content="initial-scale=0.25">

を含めるwidth=device-widthと、ブラウザは「魔法のように」**コンテンツ領域を見つけて、デバイスの幅に合わせて調整します。背景を覗き見したい場合は、ビューポート内に収まるようにページ全体を縮小する必要があります。

完全に除外<meta name=viewport>することもできますが、通常、背景画像は少なくなります。

ただし、理想的には、メディアクエリを使用して、さまざまな幅で機能するサイトを作成する必要もあります。

**ブラウザ開発者が私よりもうまく説明できるようなヒューリスティックを使用する。

于 2011-09-21T20:09:57.963 に答える
5

多くの試行錯誤の末、iPhone5.0.1とAndroid2.3.6で正しく動作するように次のようになりました。サイトは480幅用に設計されました。サイトの幅に応じて、iPhoneの幅の値を試してみる必要があります。

<meta name="viewport" content="width=520, target-densitydpi=high-dpi" />
<meta http-equiv="Content-Type" content="application/vnd.wap.xhtml+xml; charset=utf-8" />
<meta name="HandheldFriendly" content="true" />
<meta name="apple-mobile-web-app-capable" content="yes" />
于 2012-05-20T04:11:36.000 に答える
1

meta viewport（モバイルSafariで）あなたのために機能しなかったことに驚いています。使用したものを投稿できますか？

更新：これは一般的に私のために働きます...それを試してみてください：

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

それが機能する場合は、スケール値を試して、ユーザーが必要に応じてズームできるようにすることができます。

于 2010-08-30T12:57:17.953 に答える