2

CSSメディアクエリを使用して向きを決定するモバイルバージョンのWebサイトがあります。

レイアウトは横向き/縦向きに基づいて変更され、それに応じて幅が調整されます。

最近、コンパニオンネイティブモバイルアプリがApple App Storeで公開されました。そして、私はApple SmartAppBannerを実装しました。

問題は、スマートバナーが表示されている間、実際の向きに関係なく、レンダリングされるレイアウトは横向きバージョンのレイアウトであるということです。

ポートレートではすべてがファンキーに見えるため、これは問題です。

これまたは何が起こっているのかについての回避策を見つけることができません。

より多くのコンテキストを提供するために（これはRailsプロジェクトです）、モバイルWebサイトはjQueryMobileを使用して構築されています。

他の誰かがこれを経験したか、解決策を知っていますか？

4

1 に答える 1

1

これはバグだと思います。使用可能な幅が使用可能な高さよりも大きい場合、iOS は「ランドスケープ」フラグを設定するだけだと思います。これは、3.5 インチ iPhone でスマート アプリ バナーを表示する場合です。4 インチ iPhone ではそうではありません。そのため、この問題は古い iPhone でのみ見られます。

を使用して、ハッキーな回避策を見つけましたmax-aspect-ratio：

<link rel="stylesheet" href="/css/portrait.css" media="all and (max-aspect-ratio: 4/3)">
<link rel="stylesheet" href="/css/landscape.css" media="all and (orientation:landscape) and (min-width: 480px)">
于 2013-05-27T21:33:44.493 に答える