gpt4 book ai didi

css - iframe 不会针对移动垂直 View 重新调整

转载 作者:行者123 更新时间:2023-11-28 09:27:55 25 4
gpt4 key购买 nike

我仍然是一个 HTML5 新手,到目前为止我得到了一些非常时髦的东西。我在 HTML5UP 上找到了一个模板,我一直在修改它,更改 CSS 并删除我不需要的部分,并自己添加了一些东西。

现在,我想在图库中展示一些图片,我已经实现了。它在移动设备上也很好用。我想展示的另一件事是我的 YouTube channel 播放列表,使用 iframe 嵌入。在桌面上它看起来很好,但在移动设备上垂直查看页面时它会破坏网站。我想知道是否有办法因为手机屏幕而强制 iframe 调整大小,或者我是否必须为此转向另一个方向? (就像在 JavaScript 中使用视频和音频库一样)。

最佳答案

如果您能提供有用的代码,但我相信 this是你想要达到的目标吗?

只需为您的 iframe 宽度指定百分比而不是像素数。但是我建议您也更改高度,因为您可以看到它在某些宽度下看起来很有趣。

<iframe width="100%" height="315" src="//www.youtube.com/embed/ep7W89I_V_g" frameborder="0"      allowfullscreen></iframe>

我还建议您阅读 documentation关于媒体查询。

关于css - iframe 不会针对移动垂直 View 重新调整,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25826608/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com