相关疑难解决方法(0)

为响应式设计缩放iframe仅限CSS

许多网站都嵌入了Youtube视频.Youtube现在可以在手机上使用了.如果响应式设计成为一件事,为什么不应该包含Youtube视频的iframe呢?

搜索了几天(开启和关闭)后,我找不到一个清晰,简单的问题解决方案(我是HTML/CSS的新手).它很容易扩展iframe宽度,但为了保持相对高度,我发现了javascript,jQuery和php的大块,对网页设计初学者来说都非常深奥.我想要一种缩放iframe高度的简单方法,以便始终保持一定的宽高比,无论宽度如何变化.

为了防止这个问题成为一个悬而未决的问题,方法如下.以下是iframe的初始设置:

<iframe src="//www.youtube.com/embed/example_url" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
Run Code Online (Sandbox Code Playgroud)

而已.

我想知道是否有人也有任何其他解决方案.

html css iframe responsive-design

7
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×1

html ×1

iframe ×1

responsive-design ×1