デスクトップやモバイルブラウザなどすべての端末で、高さと幅が100％のiframeを作成する方法

Question

こんにちは友だちiframeで生徒に結果を与えるブログがあります。それはデスクトップでうまく表示されますが、モバイルブラウザではiframeが幅100％狭くなっています。具体的には、look at my web page とlook at another page（このページに入った後、リンクをクリックしてください-1またはリンク2）これは素晴らしいです私はこのページのthis.the iframeのように私の上のページが狭くなるが、いくつかの他のway.The主な問題は、ここでは2番目のページの応答はきれいですが、そんなことをするために私は何をすべきかを明確にしてください。前もって感謝します。

注：上記の2番目のページでlink-1またはlink-2をクリックしない限り、問題が発生することはありません。iframeはリンクをクリックした後に開くためです。

Answer 1

iframes divタグを同じクラスで適用してみます。 divタグには、eh-boxというクラスがあります。彼らのdivタグはポップアップのようなものです。何がブラウザからインスペクタツールを使用している場合

えっボックスクラスは、このCSS

.eh-box { 

top: 10%; 
left: 0; 
right: 0; 
float: none; 
width: 98%; 
height: 600px !important; 
background: #ffffff; 

margin: 0 auto; 
-moz-box-shadow: 0px 0px 5px #444444; 
-webkit-box-shadow: 0px 0px 5px #444444; 
box-shadow: 0px 0px 5px #444444; 

}