根据屏幕大小更改小部件的大小？答案

【问题标题】：Change the size of a widget according to screen size?根据屏幕大小更改小部件的大小？
【发布时间】：2014-01-10 21:16:33
【问题描述】：

这是一个固定宽度的小部件。有没有办法根据屏幕大小改变这个小部件的大小？

<script type="text/javascript">
    var _mcq=["6",""];
</script>
<span id='_mc_mg6'></span>

<script language="JavaScript" src="http://stat1.moneycontrol.com/mcjs/common/mc_widget.js"></script>
<noscript>
    <a href="http://www.moneycontrol.com">Sensex/Nifty</a>
</noscript>

有没有办法根据屏幕大小调整这个小部件的大小？

【问题讨论】：

你在哪里尝试这样做？
响应式是什么意思？
这是一个 Flash 小部件...您希望它如何响应？
当且仅当您可以访问其 HTML/CSS/JS 文件时，您才能使其具有响应性

标签： javascript html css

【解决方案1】：

您必须将以下代码放在头部：

<style>
@media(max-width: 500px) {
  /*..add css properties for classes that need to change here..*/
}
</style>

这将导致在屏幕尺寸小于 500 像素时应用此对象中定义的 CSS

【讨论】：

小部件的宽度是固定的。所以这个小部件的大小不会随屏幕大小而变化。
如果您有演示站点，能否给我看看。即使是对 jsfiddle 的简短解释也足够了。