iframeがモバイルで垂直方向に完全に展開されないようにします

Question

リストを表示しているiframeを使用していますが、リストの縦がかなり高いです。私はiframeの高さを600pxに設定しています。デスクトップ上ではその高さを表示し、コンテンツをスクロールダウンすることができます。

問題は、モバイルで自分のサイトを表示すると、iframeが完全な高さになります（スクロールするともう600pxになりません）。私はそれはまだ少し関連する問題である、this questionから参照、次のようにdivと私のiframeを囲む試みたが、している

iframe { 
    border: 1px solid black 
    padding: 3px; 
    height: 600px; 
    overflow: scroll; 
} 

：

私のiframe：

<iframe src='url' width='360' height='600'></iframe> 

私のcss拡大する。

<div style="overflow:auto; -webkit-overflow-scrolling:touch"> 
    <iframe src='url' width='360' height='600'></iframe> 
</div> 

モバイルでiframeが拡大されないようにするにはどうすればよいですか？これも可能ですか？

Answer 1

ので寸法は、同様に周囲のDIVに追加する必要があります。

<div style="overflow:auto; -webkit-overflow-scrolling:touch; width:360px; height:600px;"> 
    <iframe src='url' width='360' height='600'></iframe> 
</div> 

そして、それはdiv要素ではなく、インラインフレームにボーダーCSSを移動するより多くの意味を行います。