使 div 中的内容具有响应性答案

【问题标题】：Make content in divs responsive使 div 中的内容具有响应性
【发布时间】：2019-04-09 23:37:57
【问题描述】：

我让来自 soundcloud 的播放器适合我网站上的自定义边框。玩家通常反应灵敏，但用于将其保持在边界内的编码阻止了它。我不想建议人们转动手机以适应玩家，所以我试图通过代码或插件使我的所有内容都响应并不断达到死胡同

可以找到带有边框和播放器的页面链接here。

在移动设备上，当手机处于纵向视图时，播放器会伸过屏幕。

我将 soundcloud 播放器 HTML 的 iframe_outer 中的高度和宽度更改为自动。我很高兴地说它使边界和玩家响应。但是，边框不适合任何屏幕上的播放器。在大屏幕上播放器和边框也会拉伸。

【问题讨论】：

【解决方案1】：

去掉.frame_outer的高度和宽度

【讨论】：

您好，我刚刚在 soundcloud 标签中的 frame_outer 下将高度和宽度更改为零。它没有使其响应，但它改变了边框和播放器的大小。我正在尝试让边框和播放器响应移动设备。
3 是什么意思？
对不起。在我完成评论之前，我按下了回车键。我进行了编辑以完成我所说的内容。
我发现我的回答有些混乱，所以让我澄清一下。我按照建议更改了 ..frame_outer 的高度和宽度。它改变了 div 中自定义边框和播放器的大小。它没有使边框和播放器响应。它太小了，看不见。我正在尝试使边框和播放器响应设备的大小。因此，当人们通过手机访问我的网站时，他们无需转动设备即可获得最佳体验。

【解决方案2】：

删除页脚的height。

【讨论】：