腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
如何
使用
css
使
iframe
高度
100
%
的
内容
不是
基于
纵横
比
?
html
、
css
、
iframe
、
pardot
我有一个包含动态表单
的
iframe
。许多指南展示了
如何
根据静态
纵横
比来改变
高度
,但是表单
内容
改变了,所以不起作用。 有没有办法
使用
css
使
iframe
或
iframe
容器
的
内容
高度
达到
100
%?这是我目前所拥有的,但除了静态像素值之外,
高度
的
变化不会产生任何影响: <style>
浏览 30
提问于2019-05-25
得票数 0
4
回答
如何
使
iframe
响应没有
纵横
比
假设?
javascript
、
html
、
css
、
iframe
、
responsive-design
如何
使
iframe
响应,而不假设
纵横
比
?例如,
内容
可能有任何宽度或
高度
,在呈现之前是未知
的
。<div id="
iframe
-container"></div> 调整这个
iframe
-container
的
大小,<e
浏览 5
提问于2020-04-24
得票数 21
回答已采纳
2
回答
如果在母体内部没有
高度
和底部填充,则为零
高度
。
html
、
css
、
iframe
、
responsive-design
我
使用
了经典
的
响应设计技巧,将
基于
百分
比
的
padding-bottom和零
高度
应用于元素,以使其保持一定
的
纵横
比
。在这个元素中是一个
高度
为
100
%
的
iframe
。这是一个在chrome中
的
工作,但是firefox和IE没有显示
iframe
,就好像它没有
高度
一样。我尝试过将box-sizing: content-
浏览 3
提问于2014-05-23
得票数 3
回答已采纳
1
回答
当存在多个
iframe
时
如何
做出响应
iframe
html
、
css
、
iframe
这很好,直到我有两个或更多的如果在同一个容器中,那么他们只是重叠对方,因为他们都有相同
的
绝对位置。创建响应性YouTube嵌入
的
关键是
使用
填充和容器元素,这允许您给它一个固定
的
纵横
比
。您还可以在大多数其他
基于
iframe
的
嵌入式系统中
使用</
浏览 4
提问于2017-07-26
得票数 0
1
回答
基于
固定页脚
的
iFrame
高度
,具有背景大小
的
封面
html
、
css
、
iframe
我有一些
内容
是在一个
iFrame
和一个页脚,我想要固定,但我希望页脚
的
大小更改
基于
用户
的
屏幕大小,我希望页脚图形填充页脚。页脚有一个
使用
background-size: cover
的
背景图像。因此,当用户有一个宽屏幕时,页脚应该和屏幕一样宽,
高度
应该保持背景图像
的
纵横
比
。"></div> 我
的
C
浏览 0
提问于2018-09-27
得票数 0
1
回答
在视频帧上调整
高度
javascript
、
jquery
、
iframe
我
使用
TinyMCE作为我
的
WYSIWYG文本编辑器,因此创建iframes时不带标记。我
的
在线解决方案都
使用
jQuery来调整带有特定标记
的
iframes,但是
如何
调整页面上
的
所有iframes呢?我尝试过为width:
100
%
使用
CSS
,它工作正常,但是当我添加height: auto时,它不会相应地进行调整。 怎样才能使无标签
的
iframe
自动调整其
高度
以
浏览 2
提问于2016-12-07
得票数 3
回答已采纳
1
回答
垂直中心响应
iframe
css
、
iframe
、
responsive-design
我正在
使用
技术
使
iframe
(视频)响应。基本上,
iframe
绝对定位在一个
100
%宽度
的
包装器元素中。包装器元素具有
基于
视频
的
纵横
比
的
填充集: position: relative; top: 0; left
浏览 3
提问于2014-02-08
得票数 6
回答已采纳
1
回答
保持“变换尺度”
的
纵横
比
html
、
css
、
iframe
、
aspect-ratio
例如,如果调整了窗口
的
大小,带有transform-scale属性
的
iframe
将缩放内部
的
内容
,以适应
iframe
的
宽度和
高度
,而无需调整站点
内容
的
大小。我似乎无法理解,如果不
使用
JavaScript或任何其他库,我
如何
才能做到这一点。/
iframe
>
CSS
: margin:
浏览 3
提问于2015-06-18
得票数 1
1
回答
YouTube/Vimeos能适应他们
的
身高到宽度(
CSS
)吗?
html
、
css
、
video
、
iframe
、
youtube
我
使用
了标准
的
Youtube嵌入代码,例如: <
iframe
width="960" height="720" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen
浏览 1
提问于2012-07-26
得票数 4
回答已采纳
3
回答
如何
根据
内容
使
iframe
达到
100
%
的
高度
html
、
css
、
iframe
我见过很多人问
如何
让
iframe
达到
100
%
的
高度
。
使用
一些
CSS
可以很容易地将其归档。它将使
iframe
相对于设备屏幕显示
100
%。但是
如何
根据
内容
使
iframe
达到
100
%
的
高度
呢?border: none; width: <e
浏览 10
提问于2018-03-13
得票数 9
1
回答
Flexbox:匹配元素
的
高度
,同时保持
纵横
比
html
、
css
、
flexbox
我在flex容器中有两个相邻
的
盒子。一个包含
iframe
,另一个包含表单。我希望
iframe
框与表单框
的
高度
相匹配,并
使
iframe
框保持16:9
的
纵横
比
。我不能让旧
的
padding-bottom: 56.25%技巧工作,因为它是
基于
宽度
的
,这在Flexbox中是棘手
的
。 如果你想尝试解决这个问题,这里有一个我
的
HTML和(S)
浏览 0
提问于2017-04-03
得票数 1
2
回答
需要响应
的
iframe
(div) /固定
的
纵横
比
/中心水平和垂直/自我缩放,这样就不会被浏览器裁剪。
javascript
、
html
、
css
、
iframe
、
vertical-alignment
我一直以为我知道我
的
方法,HTML和
CSS
,但这是我
的
疯狂!当浏览器窗口调整大
浏览 5
提问于2014-10-29
得票数 0
回答已采纳
3
回答
最大
高度
填充底部
html
、
css
下面是HTML: <div class="wrapper"> </div>包装div具有
CSS
:位置:相对;宽度:
100
%;
高度
:
100
%;
高度
: 0;填充-底部
浏览 1
提问于2016-02-19
得票数 4
3
回答
使用
css
按%或最大值填充
css
、
iframe
我正在
使用
css
来调整
iframe
的
大小,以保持
iframe
的
纵横
比
(如此处所述:)。.
iframe
-wrapper { width:
100
%; padding-bottom:58%; position:absolute; t
浏览 4
提问于2017-01-04
得票数 2
3
回答
调整窗口大小时缩放
iframe
css
、
iframe
、
webkit-transform
我正在尝试根据窗口大小缩放
iframe
。通过
iframe
是一个1600px 900px
的
html5游戏 position:relative; width:265px;
浏览 3
提问于2012-02-28
得票数 0
4
回答
16:9宽高比固定宽度
jquery
、
css
、
height
、
width
、
aspect-ratio
例如,如果我要嵌入一个YouTube视频
使用
jQuery,我会设置一个高宽比为16:9
的
高度
,所以如果宽度
浏览 0
提问于2011-11-05
得票数 10
回答已采纳
1
回答
为什么当我用<
iframe
>预览时,只能得到一个非常窄
的
pdf盒子?
html
、
iframe
这是我
的
plnkr链接:
浏览 2
提问于2018-11-15
得票数 0
2
回答
将div
的
宽度定义为
高度
的
百分
比
html
、
css
当浏览器窗口调整大小时,我需要保留div
的
纵横
比
。但我需要做相反
的
事情。当浏览器窗口
的
高度
改变时,我需要改变div
的
宽度,而
不是
<
浏览 0
提问于2013-04-28
得票数 0
1
回答
如何
将
iframe
视频
的
缩略图按9:16
的
宽径
比
100
%覆盖到包装器上?
javascript
、
html
、
css
、
iframe
我正在
使用
一个
iframe
标签来播放一个9:16
纵横
比
视频从我
的
谷歌驱动器。
iframe
被包裹在div周围,div被设计成没有黑条。视频保持其
纵横
比
,但缩略图
不是
。缩略图覆盖包装
的
所有
高度
,但不覆盖宽度。我要缩略图也保持9:16
的
高宽比。: 0; bottom: 0;
浏览 1
提问于2021-05-02
得票数 3
回答已采纳
3
回答
如何
在调整窗口大小时调整
iframe
的
大小
javascript
、
css
、
iframe
、
resize
、
window
我尝试在调整窗口大小时调整
iframe
元素
的
大小,如下所示: 我希望它在窗口调整大小,
使
它分别调整
iframe
本身
的
大小,而
不是
添加滚动
的
窗口,但只在
iframe
上。你能帮上忙吗?
浏览 0
提问于2013-12-13
得票数 2
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
让这些“展示”有更好的扩展性——媒体查询
39-HTMLiframe>标签
前端大咖总结的学习web前端的那些经验技巧,值得学习,少走弯路!
网站的内容无法选择复制?是怎么做到的,如何解决?
微前端究竟好在哪?
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券