<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-1.9.1.min.js"></script>
    <style>
        *{
            margin: 0;padding:0
        }
        html,body{
            height:100%;
            width:100%;
        }
        iframe{
            background: red;
            position: fixed;
            width:100%;
            height:100%;
            left:0;
            top:0
        }
    </style>
</head>
<body>
<iframe src="http://bsdp.cmvideo.cn/"  marginheight="0"  marginwidth="0" id="iframe" frameborder="0" width="100%" height="100%" ></iframe>
<script>
    $("#iframe").attr("width",window.innerWidth+"px").attr("height",window.innerHeight+"px");
    window.onresize=function(){
        $("#iframe").attr("width",window.innerWidth+"px").attr("height",window.innerHeight+"px");
    }
</script>
</body>
</html>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-1.9.1.min.js"></script>
    <style>
        *{
            margin: 0;padding:0
        }
        html,body{
            height:100%;
            width:100%;
        }
        iframe{
            background: red;
            position: fixed;
            width:100%;
            height:100%;
            left:0;
            top:0
        }
    </style>
</head>
<body>
<iframe src="http://bsdp.cmvideo.cn/"  marginheight="0"  marginwidth="0" id="iframe" frameborder="0" width="100%" height="100%" ></iframe>
<script>
    $("#iframe").attr("width",window.innerWidth+"px").attr("height",window.innerHeight+"px");
    window.onresize=function(){
        $("#iframe").attr("width",window.innerWidth+"px").attr("height",window.innerHeight+"px");
    }
</script>
</body>
</html>


												


											
iframe平铺到浏览器的更多相关文章
	

    
								
  1. CSS背景100%平铺 浏览器缩小背景显示不全解决办法
		
    本文我们分享前端CSS背景100%平铺,浏览器缩小背景显示不全bug解决的两个方法,如果你也遇到了,那么就可以参考下面文章. 把浏览器的窗口缩小时,拖动滚动条时你会发现原本设定的CSS背景100%平铺 ...
    
		
    2. 
						
  2. 手机端浏览器适配，background 背景平铺 ，有的出不来
		
    .mobilePage .report { background: url(../images/mobile-report.png) repeat; background-size: 100% :/* ...
    
		
    3. 
						
  3. CSS背景横向平铺BUG，解决方法
		
    给定DIV一个背景图片横向平铺,缩小浏览器,拉动横向滚动条,此时触发此BUG:背景图片平铺不完整 解决办法: 1.把背景图片写在BODY上,此办法局限于没有使用iframe的情况下,所以少用 2.设定 ...
    
		
    4. 
						
  4. ie8下背景图片平铺问题
		
    IE9+及其他浏览器实现背景图片平铺可能需要一个属性就可以background-size:100%/cover; 但是ie8下background-size是不兼容的,因此我们需要用到滤镜,来解决背景 ...
    
		
    5. 
						
  5. zTree变异篇：如何让同级树节点平铺而非垂直显示
		
    昨天有一个zTree的使用者在实际的项目中有着这样一个特殊的需求,要求同级树节点能够水平显示,根据设定的宽度自动换行,效果图如下所示:   通过在浏览器调试模式下观察其同级节点的css为: 这个dis ...
    
		
    6. 
						
  6. Ubuntu18.04解决鼠标移动到Gnome顶栏左上角窗口不能平铺( Activites Overview 界面)，和应用程序扩展不好用问题。
		
    在用习惯了GNOME我们知道一个很好的功能就是通过鼠标移动到Gnome顶栏左上角后所有打开的窗口就会平铺在显示器上方便我们选不同的窗口(Activites Overview 界面),苹果MAC系统也有 ...
    
		
    7. 
						
  7. LODOP中设置设置图片平铺水印，超文本透明
		
    之前的博文:LODOP中平铺图片 文本项Repeat. 该博文中是平铺的图片,上面是文本.如果是图片add_print_image和add_print_text纯文本,这两个打印项设计的,可以直接通过 ...
    
		
    8. 
						
  8. LODOP打印超文本保留背景色带平铺水印
		
    前面的博文:LODOP中设置设置图片平铺水印,超文本透明. 介绍过 ,如果不想去掉超文本的背景色,想在超文本背景色和超文本内容文字之间加上水印,让水印在背景色上面,文字下面,是不行的,因为平铺的图片和 ...
    
		
    9. 
						
  9. HTML布局排版2 div的和图片平铺方便管理
		
    在HTML里,由于浏览器显示器等差异,浏览器的宽度也会有变化,为了适应不同的宽度,需要用到平铺.例如页面前面的固定的条等,如果是纯色,可以用背景色,如果不是纯色,是渐变等,可以用条状图平铺.常见的布局 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 遍历Map的两种方式
			
    取出map集合中所有元素的方式一:keySet()方法. 可以将map集合中的键都取出存放到set集合中.对set集合进行迭代.迭代完成,再通过get方法对获取到的键进行值的获取. Set keySe ...
    
			
    2. 
						
  2. ssh整合思想 Spring分模块开发 crud参数传递 解决HTTP Status 500 - Write operations are not allowed in read-only mode (FlushMode.MANUAL): Turn your Session into FlushMode.COMMIT/AUTO or（增加事务）
			
    在Spring核心配置文件中没有增加事务方法,导致以上问题 Action类UserAction package com.swift.action; import com.opensymphony.xw ...
    
			
    3. 
						
  3. SVN：The working copy is locked due to a previous error （二）
			
    之前也碰到过这种问题,但是根本问题不同,解决方案不同. 传送门:SVN:The working copy is locked due to a previous error (二) 本次错误如图: 解 ...
    
			
    4. 
						
  4. 关于OnTimer()使用
			
    OnTimer()其实是用来响应WM_TIMER消息的,其实OnTimer()就是一个回调函数,不过是系统默认的,当用户使用SetTimer()函数设定一个定时器的时候,只要是第三个参数为NULL,则 ...
    
			
    5. 
						
  5. NOIP模拟赛 经营与开发 小奇挖矿
			
    [题目描述] 4X概念体系,是指在PC战略游戏中一种相当普及和成熟的系统概念,得名自4个同样以“EX”为开头的英语单词. eXplore(探索) eXpand(拓张与发展) eXploit(经营与开发 ...
    
			
    6. 
						
  6. thinkphp5开发restful-api接口学习 笔记二
			
    目录 第4节 为api项目搭建数据库 第5节 使用markdown书写接口文档 第6节(判断数据库中是否有此用户) 第7节 为项目配置URL 需求分析 配置主域名和二级域名 使用tp5路由进行URL解 ...
    
			
    7. 
						
  7. INDEX && PRIMARY KEY && UNIQUE KEY
			
    When I have do some sql tody, some confusion come up to me. Its about the index && PRIMARY K ...
    
			
    8. 
						
  8. Python虚拟机函数机制之扩展位置参数和扩展键参数（六）
			
    扩展位置参数和扩展键参数 在Python虚拟机函数机制之参数类别(三)的例3和例4中,我们看到了使用扩展位置参数和扩展键参数时指示参数个数的变量的值.在那里,我们发现在函数内部没有使用局部变量时,co ...
    
			
    9. 
						
  9. fzu1759 Super A^B mod C 扩展欧拉定理降幂
			
    扩展欧拉定理: \[ a^x \equiv a^{x\mathrm{\ mod\ }\varphi(p) + x \geq \varphi(p) ? \varphi(p) : 0}(\mathrm{\ ...
    
			
    10. 
						
  10. 软件工程师应该关注的web加密手段
			
    加密算法 1.非对称加密(公开密钥加密)       公开密钥加密,是加密和解密使用不同密钥的算法,广泛用于信息传输中. 常见的算法有:RSA.ElGamal.Rabin. 2.对称加密        ...
    
			
    11.