0

私は、HTMLドキュメントをWebKitを利用したビュー（モバイルSafariのクロムレスバージョン）にロードするiOSマガジンフレームワーク（PugPig）を使用しています。

デバイスの向きに応じて、各「ページ」に<img/>の縦向きまたは横向きのバージョンをロードしたいと思います。さまざまな理由から、CSSの背景画像ではなく<img />である必要があるため、メディアクエリは機能しません。ローカルデバイスからHTMLを読み込んでいるため、Webサーバーのものも使用できません。

ですから、JSが道だと思いますが、ページを更新せずに、その場で向きの変化（または少なくとも画面の幅）を検出する必要があり、これが可能かどうかはわかりません。

JSにあまり精通していないため、サンプルコードはありません（これまでの私の試みはすべて自動車事故です）。ごめん。

どんな助けでも大歓迎です。

4

2 に答える 2

1

jQuery mobileのorientationchange イベントを試しましたか？

私はこれをしたことがありませんが、あなたはこのように行くことができるようです。

于 2012-01-16T15:57:21.613 に答える
0

OK、imgのdisplayプロパティを設定することで、CSSメディアクエリを使用した解決策を見つけました。ちょっとしたファッジですが、今のところは問題ありません。

基本的に、2つのdivを作成しました。1つは「landscape」id、もう1つは「portrait」で、互いに完全に重なり合っています。次に、@mediaクエリを使用して、display：プロパティで関連するdivを表示/非表示にしました。非常に不器用で、Webにはまったく適していませんが、メモリから直接データをロードするiPadアプリには問題ありません。そして、これは「レスポンシブ画像」が登場する前のことでした。

于 2012-02-04T16:31:40.567 に答える