我使用Bootstrap的CSS技术制作响应式iframe;使用.embed-responsive CSS类包装iframe以及.embed-responsive-21by9来指定宽高比。 （基本上为iframe添加position: absolute;，为iframe包装添加padding-top: 42.857143%;。
这适用于视频，但不适用于其他iframe，例如Twitter推文（其中iframe的宽度大于高度），留下空的垂直空间。
有什么解决方法可以解决这个问题，考虑到我使用的WordPress主题会自动将我内容中的所有iframe包含在预设的CSS类中.embed-responsive .embed-responsive-21by9。