我希望你能够在移动版Safari上对iframe进行缩放。我在一个div中嵌入了一个iframe。
现在我正在使用以下代码对
<html>
<body>
<div id="iframe_container">
<iframe src="http://jsfiddle.net/viebel/kTzDS/show" style="width:300px;height:300px;"/>
</div>
</body>
</html>
现在我正在使用以下代码对
进行缩放:
在iOS/Safari上,
只是为了澄清一下:这里有一个演示页面,演示了真正的问题 - 当在iPad/iPhone Safari上打开时,所有三行应该是相同大小的:http://jsfiddle.net/viebel/tJQUH/show。
请建议我该怎么做才能在移动Safari上完全看到未被裁剪的
$(function() {
$('#iframe_container').css({
'-webkit-transform': 'scale(0.7)',
'-webkit-transform-origin': '0 0 '
});
});
在iOS/Safari上,
iframe
被裁剪了(即无法完全显示),而在桌面/Chrome上,iframe
则没有被裁剪。这里有一个带有代码的jsfiddle页面:http://jsfiddle.net/viebel/tJQUH/。只是为了澄清一下:这里有一个演示页面,演示了真正的问题 - 当在iPad/iPhone Safari上打开时,所有三行应该是相同大小的:http://jsfiddle.net/viebel/tJQUH/show。
请建议我该怎么做才能在移动Safari上完全看到未被裁剪的
iframe
?
iframe
嵌套在完整的div
层次结构中。因此,我需要一种方法来缩放整个层次结构。 - viebel