可以用jQuery获取到当前的窗口的宽度，来计算iframe的宽和高，示例代码如下：
<iframe src="http://www.baidu.com" frameborder="0" id="demo"></iframe><script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
var ifr_width=$(window).width()*0.75;
$("#demo").css('width',ifr_width);
$("#demo").css('height',ifr_width*0.75);
});
</script>
jQuery中获取当前窗口的宽度代码是：$(window).width();
温馨提示：内容为网友见解，仅供参考
第1个回答 2015-04-15
用javascript计算 再控制css追问
不会啊，怎么写？
追答如果应用可以帮你写
学习的话建议自己弄 并不难
好吧 放代码
居中 边框是我添加的
另外div宽度是浏览器宽度的75%，而不是屏幕
第2个回答 推荐于2016-01-27
<script type="text/javascript">
$(function () {
document.getElementById("ifm").src ="";//Url地址
$("#ifm").load(function () {
var h = document.body.clientHeight;
var w = document.body.clientWidth;
document.getElementById("ifm").height = h + "px";//高度(获取目标网页的高度自适应)
document.getElementById("ifm").width = w + "px";//宽度(获取目标网页的宽度自适应)});
})
</script>
<body style="overflow-y:hidden;overflow-x:hidden">
<div id="pageone" style="">
<iframe name="ifm" id="ifm" scrolling="yes" style="background-color: transparent;" marginwidth="0" marginheight="0" frameborder="0">
</iframe>
</div>
</body>
$(function () {
document.getElementById("ifm").src ="";//Url地址
$("#ifm").load(function () {
var h = document.body.clientHeight;
var w = document.body.clientWidth;
document.getElementById("ifm").height = h + "px";//高度(获取目标网页的高度自适应)
document.getElementById("ifm").width = w + "px";//宽度(获取目标网页的宽度自适应)});
})
</script>
<body style="overflow-y:hidden;overflow-x:hidden">
<div id="pageone" style="">
<iframe name="ifm" id="ifm" scrolling="yes" style="background-color: transparent;" marginwidth="0" marginheight="0" frameborder="0">
</iframe>
</div>
</body>
相似回答
