15

この特定のモバイルSafari（一見不可能であるが文書化されていない）の問題は、今日私を長い間続けさせました、そして私がそれを理解したとき、私はちょうどここにそれについての質問を投稿しようとしていました。

問題：<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no;"/>iPad Webアプリを設定している間も、手動ズーム（ブラウザーでのピンチ）が許可されていました。-しかし、私のiPadだけで、私のiPhoneではありません。

また、デバイスを縦向きモードと横向きモードの間で回転させて、特定の向きモードのCSSコードを確認しました。これにより、奇妙な結果が得られました。

  • 横向きから縦向きに回転しても問題はありませんでした。すべてのサイズと配置は理にかなっています。
  • その後、PortraitからLandscapeに回転して戻り、ビューポートはPortraitモードのときと同じ幅のままになりました。ズームイン（拡大縮小）されました。全体像/ビューポートに戻るには、手動でズームアウトする必要がありました。これは不可能なはずです。
4

4 に答える 4

14

次に、横向き/縦向きモードのデモを備えた素晴らしいiPadCSSレイアウトを見つけました。それは有望に見えましたが、私に同じ問題を与えました。それでも、これを2台目のiPadでテストしている間は、完璧に機能しました。ズームの問題はまったくありません。それで、私たちはそれが私の特定のiPadに関係していると考えました。

それからそれは私を驚かせました：数週間前、私はアクセシビリティ設定をいじりました。OSX（ctrl + scroll）などでできるように、インターフェイス全体を拡大します。おそらく、これは何らかの方法でMobile Safariにリンクされていましたか？そうですね。

今日私は学びました：アクセシビリティ>ズームがオンになっているとき、これはメタビューポート設定を無効にします。

これを自分で試してみませんか？あなたはここでそれを見つけるでしょう：Settings > General > Accessibility > Zoom

于 2011-05-09T04:56:56.297 に答える
8

視力に問題のある人として、私はモバイルサイトをズームできることに大きく依存しています。iOS 5へのアップデートにより、iOSにユーザースケーラブル設定を無視させる方法がなくなり、ズームできないため、通常使用しているWebサイトの半分を使用できなくなったことが突然わかりました。

ですから、視力に問題のある人に代わって、ビューポートメタタグを使用してサイトをズームする人の能力を制限しないでください。

于 2011-10-14T11:22:32.780 に答える
4

ちょっとしたアップデートです。これはAppleによって修正されました。viewportiOS 5ベータ1以降、ズームアクセシビリティ設定によってメタタグが無視されることはなくなりました。

于 2011-08-22T10:18:56.957 に答える
0

注：区切り文字として、セミコロンではなくコンマを使用してください。クリーンな方法は、区切り文字としてのコンマです。ドキュメントページhttp://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.htmlを参照してください。コンマも使用しています。また、セミコロンを使用すると、少なくともChromeではコンソールにエラーが表示されます。これはiPadやサファリには影響しないことは知っていますが、きれいにできるのなら、どうしてですか？:)

于 2012-10-15T18:56:02.797 に答える