个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
编辑:下面的内容已得到回答 - 请参阅下面的问题，了解该答案引起的当前问题。
下面的代码使页面适合屏幕，我可以将 iframe 的大小设置为我想要的任何高度或宽度，并且页面不会滚动。这就是我要的。但是，我不只是希望页面切断 iframe。我希望 iframe 拉伸(stretch)/收缩以适合浏览器窗口。我怎样才能有效地实现这一目标？没有javascript可以完成吗？如果为此需要 javascript，请提供初学者级别的解释，或一个很好的教程链接；我是 JS 的新手。
这是我目前所拥有的:
HTML:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style/style.css">
</head>
<body>
<div class="wrapper">
<iframe id="myIframe" src="https://#.com" border="0" scrolling="no" frameborder="0">
</iframe>
</div>
</body>
</html>
CSS:
body, html {
margin: 0;
padding: 0;
}
.wrapper {
height: 100%;
width: 100%;
overflow: hidden;
position: absolute;
margin: 0;
padding: 0;
}
编辑!碰巧我想在此处的 iframe 中使用的这个特定页面在 url 本身中提供了一个非常有趣的控制功能!该 url 允许大小控制。所以这让我提出了一个新问题，其中涉及使用 javascript。我的新问题是:
我可以使用某种 JS 脚本来利用 url 中的大小控制吗
<iframe id="myIframe" src="https://media.embed.ly/1/frame?url=http%3A%2F%2Fwww.twitch.tv%2Fgamemode_mc_&width=1280&height=1280&secure=true&key=0202f0ddb5a3458aabf520e5ab790ab9&"
动态强制 iframe 内容的大小与用户的浏览器窗口匹配？
这会将我的原始问题的解决方案与辅助解决方案相结合，为我的问题提供完美的解决方案。
(我的目标实际上是将此 Twitch 提要作为我网页的背景 - 调整 iframe 实际内容的大小实际上不太可能，但似乎可能是额外的待遇!)
最佳答案
我认为您可以使用以下 in tour CSS 来完成您想要完成的事情
#myIframe {
height: 100%;
width: 100%
}
关于javascript - 能够通过内容的 url 控制 iframe 大小的内容 - javascript 可以利用这一点，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18820785/
25
4
0
在后台开启了“URL Rewrite”，看起来一切正常，可是点击某一栏目的时候却怎么都进不去，显示的依然是论坛的首页。看了一下论坛目录下，原来这下面并没有自己的.htaccess文件，所以默认使用的
本文实例为大家分享了.net发送邮件的实现代码，供大家参考，具体内容如下 关键代码： 需要引用命名空间： using System.Net.Mail; using System.Net;
今天的一个小测试是老师让用.NET用控件来制作一个拉菜单要求如下： 将鼠标移到父菜单上弹出3个子菜单，而且每个子菜单都有超链接。 以下是我自己做的代码： 复制代
我有以下内容 static const unsigned int chromosome = 6; double bestFitness[chromosomes]; for(int i = 0; i
关于附图，我需要一个计算算法来将 A 轴向下移动 n 英寸，将 B 轴从左向右移动 m 英寸，以便组件圆 D 遵循抛物线的曲线；圆 D 并不总是 10 英寸，可以更小。我不是数学专业的，所以这对我来说
我正在尝试利用我的格式字符串错误，它存在于这个程序中: #include #include #include #include #include void foo(char* tmp, ch
用Matplotlib和Seaborn这类Python库可以画出很好看的图，但是这些图只是静态的，难以动态且美观地呈现数值变化。要是在你下次的演示、视频、社交媒体Po文里能用短视频呈现数据变化，是不
1、进程介绍 进程：正在执行的程序，由程序、数据和进程控制块组成，是正在执行的程序，程序的一次执行过程，是资源调度的基本单位。 程序：没有执行的代码，是一个静态的。 2、线程
1、前言 在开发过程中，有时会遇到需要控制任务并发执行数量的需求。 例如一个爬虫程序，可以通过限制其并发任务数量来降低请求频率，从而避免由于请求过于频繁被封禁问题的发生。 接下来
Opera 管理着一个漏洞赏金计划，研究人员可以在该计划中报告 Opera 软件中的漏洞并获得奖励。 这篇文章就是我发现的一个漏洞——网页可能会从用户那里检索本地文件的屏幕截图。 考虑到 O
C++ 文件查找 在C++中我们要如何查找文件呢？我们需要一个结构体和几个大家可能不太熟悉的函数。这些函数和结构体在的头文件中，结构体为struct _finddata_t ，函数为_findfi
1、前言 本文利用 fsockopen() 函数，编写一个功能简单的端口扫描器。 2、关键技术 本实例的端口号是固定的，通过对数组的遍历，利用 fsockopen() 函数连接，如果连接成功，
最近在将一些项目的rest api迁移到.net core中，最开始是用的Nginx做反向代理，将已经完成切换的部分切入系统，如下图所示： 由于迁移过程中也在进行代码重构，需要经常比较频繁的测
前言 最近学习了python，感觉挺多地方能用到它的。打包 测试 上传 爬电影....而且代码量是真少。人生苦短，我用python。而今天写的这个是因为下载电影时总会发现除了视频还会有这两个文件,
1、Monkey测试简介 Monkey测试是Android平台自动化测试的一种手段，通过Monkey程序模拟用户触摸屏幕、滑动Trackball、按键等操作来对设备上的程序进行压力测试，检测程序
一直想写一套生成静态页面的文章系统 但面对生成静态后的一些复杂数据库交互问题。又望而却步！ 于是就想 有没有 在不耽误数据交互的情况下，而又能降低服务器负
Qt 利用大量第 3 方库进行图像编码、压缩、加密、音频和视频编解码器支持等。 从历史上看，当我想使用它们时，我总是必须将它们作为附加依赖项包含在内。我一直想知道是否有一种方法可以简单地重用 Qt 已
我想知道是否可以使用属性将功能“混合”到类/方法/属性中。 就像是: [TrackChanges] public Foo { get; set; } 如果可能的话，有谁会如何实现？ 最佳答
有些站点位于共享主机(Windows 2003 Server)上，因此我无法访问服务器配置。 我到处都读到关于杠杆浏览器缓存的信息，特别是静态文件(jpg，css，js等)的信息，但是...在我的情况
我想在我的项目中使用 Julia 的主要原因之一是它的速度，尤其是在计算积分方面。 我想在某个区间 [a,b] 上积分一维函数 f(x)。一般来说，Julia 的 quadgk 函数将是一个快速而准确
我是一名优秀的程序员,十分优秀！