iphone - iOSのPhoneGapアプリでiFrameの高さと幅を定義する

Question

iOSのPhoneGapアプリでiFrameの高さと幅を設定するのに問題があります。

CSSで値を設定し、iFrame要素自体にインラインで設定します。どちらもiFrameのサイズを制御できません。

これは可能ですか？

PhoneGap1.2を使用しています。

Answer 1

device-pixel-ratio を使用して正しい値を設定すると役立つ場合があります。

Retina ディスプレイの場合は device-pixel-ratio = 2、その他の場合は 1.5 です。

メディア クエリを使用して css でこの比率を使用します。

@media only screen and (-webkit-device-pixel-ratio: 2.0), only screen and (device-pixel-ratio: 2.0) {
/* your css */
}

そして JavaScript では:

var ratio = window.devicePixelRatio;