2017-12-20 18 views
0

速い応答のために:私はコンテンツに基づいてiframeのサイズを変更する方法を尋ねていません。開発中にブラウザーでレスポンシブデザインをシミュレートする方法を尋ねていません。IFRAME(ページのリロードなし)でレスポンシブデザインの向きとサイズの変更をシミュレートできますか?

EDIT

私は、ドキュメント/ボディの「サイズを変更」イベントを必要とする「ハーフ責任」のデザイン、でテストしていたことを、実現が、これは発生しませんし、私はできませんトリガーフル責任 は

が、私は私の顧客が自分のコンテンツ(すなわち。応答)スマートフォン上でどのように見えるかを感じて/チャンスを取得したい動作しているようです

私が開発にそれらをプッシュする必要はありませんモードとブラウザの詳細。私の顧客は開発者ではなく、デザイナーではありません。

私は電話機の寸法があるiframeポップアップを開く「Phone - Preview」を作成しました。

これは問題なく動作します。

顧客はまた、サイズ/向きを変更が、私は、IFRAME

の(原則として応答)コンテキストをリロードしています場合にのみ正常に動作することができます(同じをプッシュ/トリガする方法はありますドメイン)IFRAMEの変更に反応するIFRAMEコンテンツ/レンダリング?

私はボディのサイズを変更しようとしましたが、これは状況を変えません。

これは可能ですか?いくつかのソースが見たい人のために

display_change: => 
    [email protected]$rotate.rm_get() #this is my way to read date from any input 0 or 1 here 
    [email protected]$mobile_type.rm_get('all') # this reads all data with the selection here [1, 'best phone', 'best phone', 300, 600] rendered into the select 
    [w,h]=[mt[3],mt[4]] 
    [w,h]=[h,w] if horz 

    #ok width and height are here now. 

    [email protected]$form.find('iframe') 
    .height(h) 
    .width(w) 

    # how to avoid force reload? 
    $iframe.prop(src: $iframe.prop("src")) 

答えて

1

あなたはIFRAMEの内部からか、外のiframeの向きを設定することができるはずです(それのコーヒーは、申し訳ありませんが、ロジックが明確である私は思います)。内部からはwindow.orientationを手動で設定できると思います。外からはpostMessageを使用できます。

ここにも同様のものがあります。question/answerです。

+0

resizeイベントを発生させ、あなたの答えは、さらに検索する私に従事し、それは完全に別の問題でした。私は$(window).on( 'resize、load'、@prepare_all)というコンマを表示していますか? – halfbit

+0

これは私が持っていた多くのprobsを説明します、このfulittle(この言葉は意味する)komma! – halfbit

+0

大丈夫、それらのために - 私の友人 - ちょうど私に "fulittle"って何を求めているの?私の会社では、 "fu ** ing little"のために使用して、忘れたカンマやドットのような本当の問題を起こす小さなことを説明します。 – halfbit

0

男questing回答フォーム:他の人がこの質問に足を踏み入れるの場合に:それはすべて正常に動作し、他のエラーをチェックし、IFRAMEが

関連する問題