0

Windows Phone 7(または7.5)から表示したときにH5BPを使用するほとんどの新しいサイトで問題が発生しています。問題は、サイトのソースにあるこのHTMLタグです

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

これは実際にはさまざまなモバイルデバイスをサポートする必要があり、モバイルデバイスのユーザー(この場合はWindows Phone 7以降のユーザー)がテキスト(およびサイト自体)を拡大できないようにします。

このタグを使用すると、モバイルブラウザはモバイルビューポート(つまり、モバイル画面の幅と高さ)に応じてサイトのサイズを調整します。ただし、問題は、ユーザーがズームインジェスチャを使用してテキストをズームインしようとすると、ズームインが機能しないことです。ズームインしようとしますが、すぐに最初の幅に戻ります。

他の誰かがこの問題に気づいたことがありますか?もしそうなら、解決策は何ですか?

4

2 に答える 2

3

追加をテストしuser-scalable=yesて、Windows Phone がタグを処理する方法を確認することをお勧めします。

このタグはほとんどすべてのモバイル ブラウザでサポートされていますが、(iPhone で作成された) 標準のタグではないため、実装が異なる場合があります。私は Safari がこのタグに関する最高のドキュメントを持っていることを発見しました。

このタグはテストする価値があります:

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

出典: Safari ドキュメント.

追加リソース: Windows Phone チームによる IE Mobile Viewport

于 2011-11-03T01:28:52.520 に答える
1

テストする Windows Phone はありませんが、おそらく user-scalable=yes を追加すると、Windows モバイルで役立つ場合があります。

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
于 2011-11-03T01:04:13.180 に答える