iframe缩放重叠按钮
问题描述:
我想包括亚马逊评论iframe,它不适合手机屏幕视图。所以我正在使用比例来缩放内容。这是代码: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>
^^^^但是当我尝试它的规模,它重叠的按钮,我在页脚,如图所示的形象。 任何人都可以帮助解决这个问题。 PS:Src被故意留空。
答
你有没有想过的只是改变高度 下面的代码:
.frame {
width: 1280px;
height: 786px;
优化移动与HTML实际上是很容易考虑整个页面。 试试这个标签
<meta name="viewport" content="width=device-width, initial-scale=1">
如果你可以包括从形象,也将有助于URL。 如果这有帮助,你能告诉我吗?
https://i.stack.imgur.com/JiuDR.jpg 我试过用元标记,仍然没有工作 –