iframe缩放重叠按钮

Question

我想包括亚马逊评论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实际上是很容易考虑整个页面。 试试这个标签

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

如果你可以包括从形象，也将有助于URL。 如果这有帮助，你能告诉我吗？