Html 链接中包含的iframe的大小-如何调整移动/桌面的大小?

Html 链接中包含的iframe的大小-如何调整移动/桌面的大小?,html,css,iframe,Html,Css,Iframe,我有一个iframe,它包含来自站点的视频流,src属性包含它的大小: <iframe src="http://xxxxxxx.com/accounts/xxxxxx/events/xxxxxx/player?width=320&height=180 frameborder="0" scrolling="no"> </iframe> CSS媒体查询将是您的简单解决方案。您必须花时间将其应用于所有设备。您可以将其应用于所有iFrame,但我建议您定义一个类: .m

我有一个iframe,它包含来自站点的视频流,src属性包含它的大小:

<iframe src="http://xxxxxxx.com/accounts/xxxxxx/events/xxxxxx/player?width=320&height=180 frameborder="0" scrolling="no"> </iframe>

CSS媒体查询将是您的简单解决方案。您必须花时间将其应用于所有设备。您可以将其应用于所有iFrame,但我建议您定义一个类:

.myFrame{
宽度:960像素
}
@媒体屏幕和屏幕(最大宽度:480px){
.我的框架{
宽度:320px
}
}

更高级的解决方案是使用类似pym.js的javascript工具


有多种方法可以做到这一点。参考这个。检查小提琴也。谢谢,但我如何才能改变大小的链接(不仅是iframe本身,这只是一个容器的内容)?试试这个