正文
iframehtml5,html5中iframe
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
html5框架iframe高度和宽度比例如何设置。
可以用jQuery获取到当前的窗口的宽度，来计算iframe的宽和高，示例代码如下：
iframe src="" frameborder="0" id="demo"/iframe
script src="" 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();
相关问答
Q1: html5 iframe 怎样让视频不自动播放
不能控制 iframe标签里的视频 iframe里面的视频就是另一个网页的了 只能有那个网页去控制
但是video标签可以通过html5中新加入的一些方法去控制播放
Q2: iframe的HTML5自适应手机
iframe的HTML5自适应手机
首先你要明白css的height的使用规则，当设定 height:100%; 相对高度的时候，height 具有继承性，元素的具体高度相对于它的父元素，也就是它的父元素必须有具体的height属性值，不然本元素设置的height百分比无效，等于没有设置高度。
如果元素的父元素的height属性值也是相对高度，比如是百分百，那么，父元素的父元素也必须有height设定，这种关系一直到最顶层的父元素。
Q3: HTML5 iframe问题
这个html5直接不建议使用。平常html4也很少用，一般是一些特殊要求或迫不得已的时候采用，用户体验不好，属于很早之前的技术了。
Q4: html5能用frameset吗？不能用用什么代替？
html5不支持frameset的，所以解决方法有以下两种：
1、 使用iframe，但是目前使用iframe的人已经越来越少了，而且iframe在不同浏览器之间还有不兼容的情况。
2、使用jQuery的onload方法加载页面，不过这种方法跳转多个页面后，点击浏览器上方的后退前进是无效的，不过可以认为的添加一个返回按钮。所以更流行的是这种方法：
举例说明：
!DOCTYPE HTML
html
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
titlediv+css实现frameset效果/title
style type="text/css"
.header{border-bottom:1px solid #ccc;margin-bottom:5px;}
.MainContainer{min-width:960px;max-width:1600px;}
.sidebar{width:180px;float:left;margin-right:-180px;border-right:1px solid #ccc;min-height:500px;padding:5px;}
.main{float:left;margin-left:200px;padding:5px;}
.content{padding:0 10px;}
/style
/head
body
div class="page"
div class="header"
div id="title"
h1顶部/h1
/div
/div
div class="MainContainer"
div class="sidebar"
边栏
/div
div id="main" class="main"
内容
/div
/div
/div
/body
/html
4、运行效果如下：
Q5: html5中的iframe标签如何去除垂直方向滚动条？
overflow:scroll; /*任何时候都强制显示滚动条*/
overflow:auto; /*需要的时候会出现滚动条*/
overflow-x:auto; /*控制X方向的滚动条*/
overflow-y:auto; /*控制Y方向的滚动条*/
示例:
HTML
HEAD
TITLE测试表格内的滚动条/TITLE
/HEAD
BODY
table
tr
td表格内的滚动条:/td
td
div id="pageone" style=""
iframe name="ifm" id="ifm" scrolling="yes" style="background-color: transparent;" marginwidth="0" marginheight="0" frameborder="0"
/iframe
/div/td
/tr
tr
td colspan="2" align="right"
span onmouseover='scrollb=setInterval("wins.scrollLeft-=10",100)'
onmouseout=clearInterval(scrollb)向左/span
span onmouseover='scrollb=setInterval("wins.scrollTop-=10",100)'
onmouseout=clearInterval(scrollb)向上/span
span onmouseover='scrollb=setInterval("wins.scrollLeft+=10",100)'
onmouseout=clearInterval(scrollb)向右/span
span onmouseover='scrollb=setInterval("wins.scrollTop+=10",100)'
onmouseout=clearInterval(scrollb)向下/span
/td
/tr
/table
/BODY
/HTML
