2016-06-14 2 views
0

私はページをiframeしています(同じドメインではない)、iframeをページの特定の要素(マージンの上を移動する)に配置してから、スケールのcssの適切性を使用して要素にズームします。Iframe。

iframe { 
-webkit-transform: scale(40.75); 
    margin-top: -2525px; 
} 

をしかし、私は私が私のページをテストするために使用されるものとは異なるモバイルデバイスからのページを表示しようとすると、私は異なる結果を得た:

私はこのコードを使用して実現しています。

異なるモバイルデバイスに同じiframeのポイントを表示する方法はありますが、各デバイスのマージンを変更する必要はありませんか?

+0

なぜ "-2525px"ですか?あなたは何の目的ですか? – Amessihel

答えて

0

マージントップやその他のマージンルールは、画面幅ごとに変更する必要があります。常に1つの位置にiframeを配置する方法の1つは、absoluteを設定し、ボトム・トップ、右下の属性を設定することです。その後、iframeは常にその位置に配置されます。
それ以外の場合は、他のデバイス幅ごとにメディアクエリを設定し、異なるmargin-topを設定する必要があります。