iframeスケーリングがボタンと重なって表示される

Question

Amazon Review iframeを追加しようとしていて、モバイル画面の表示に適合しません。だから私はコンテンツをスケールするためにスケールを使用しています。これはコードです：

<div class="wrap"> 
    <iframe class="frame" src=""></iframe> 
</div> 
<style> 
.wrap { 
    width: 320px; 
    height: 192px; 
    padding: 0; 
    overflow: hidden; 
} 
.frame { 
    width: 1280px; 
    height: 786px; 
    border: 0; 
    -ms-transform: scale(0.25); 
    -moz-transform: scale(0.25); 
    -o-transform: scale(0.25); 
    -webkit-transform: scale(0.25); 
    transform: scale(0.45); 

    -ms-transform-origin: 0 0; 
    -moz-transform-origin: 0 0; 
    -o-transform-origin: 0 0; 
    -webkit-transform-origin: 0 0; 
    transform-origin: 0 0; 
} 
</style> 

enter image description here

^^^^しかし、私はそれを拡張しようとすると、画像に示すように、それは、私がフッターに持っているボタンに重なっています。 誰でもこの問題の解決に役立つことができます。 PS：Srcは空白のままです。

Answer 1

はあなたがちょうど次のコードでは、高さ を変更するので思いました：

.frame { 
width: 1280px; 
height: 786px; 

最適化をHTMLで携帯に実際にページ全体を考えると非常に簡単です。あなたも役立つだろうというイメージからURLを含めることができる場合 このタグ

<meta name="viewport" content="width=device-width, initial-scale=1"> 

を試してみてください。 これが役立つかどうかお知らせください。