<!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. fei33423 工作 职场 格言
			
    对老板: 1.  老板不知道你做的事情(目标设定) 2.  老板要的是规划(对上报告), 自己给自己设定 金字塔四位下的目标,各种维度.如何细化. 2.1 明确老板期望 2.2 与老板达成共识 2.3 ...
    
			
    2. 
						
  2. iOS 多线程编程
			
    参考文章: iOS多线程编程之NSThread的使用http://blog.csdn.net/totogo2010/article/details/8010231 iOS多线程编程之NSOperati ...
    
			
    3. 
						
  3. 学习笔记(四）： Representation:Feature Engineering/Qualities of Good Features/Cleaning Data/Feature Sets
			
    目录 Representation Feature Engineering Mapping Raw Data to Features Mapping numeric values Mapping ca ...
    
			
    4. 
						
  4. 哈希表（Hash Table）/散列表（Key-Value）
			
    目录 1. 哈希表的基本思想 2. 哈希表的相关基本概念 1.概念: 2.哈希表和哈希函数的标准定义: 1)冲突: 2)安全避免冲突的条件: 3)冲突不可能完全避免 4)影响冲突的因素 3. 哈希表的 ...
    
			
    5. 
						
  5. Keras预训练模型下载后保存路径
			
    https://blog.csdn.net/xiaohuihui1994/article/details/83340080
    
			
    6. 
						
  6. k8s 基于NFS部署storageclass pv自动供给
			
    在k8s中部署有状态应用时,通常需要做数据持久化存储. 后端存储的方式有以下几种: 1.基于宿主机本地的存储方式: (重启pod时,若pod被调度到其他节点上,尽管原来节点上的数据不会丢失,但是其他节 ...
    
			
    7. 
						
  7. C# WPF 粘贴板记录器
			
    工作学习中需要搜索很多资料,有建立文档对遇到过的问题进行记录,但是一来麻烦,二来有些当时认为不重要的事情,也许一段时间后认为是重要的,需要记录的,却又一时找不到,浪费时间做重复的事情.正好借着这个机会 ...
    
			
    8. 
						
  8. destoon 自定义session丢失
			
    destoon 在使用session之前 应该实例化 $s​ession = new dsession(); destoon通过配置文件加载了不同session存储方式.如果你使用session的页面 ...
    
			
    9. 
						
  9. 将php数组转js数组，js如何接收PHP数组，json的用法
			
    首先下载下面这个文件(这是一段是别人写出来专门解析json的代码),然后引入这个文件! http://pan.baidu.com/s/1dD8qVr7 现在当我们需要用ajax与后台进行交互时,怎样将 ...
    
			
    10. 
						
  10. 有关git clone 下载速度变慢的解决方法
			
    使用提示:请注意一下,以下方法是在搭有梯子的情况下进行的,也就是说在有梯子的情况下,下载速度始终很慢,使用了以下方法用梯子下载达到正常速度,并没有尝试修复过后不用梯子下载. 所以,如果使用了以下方法, ...
    
			
    11.