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

Question

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

<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>

有没有办法根据屏幕尺寸调整此小部件的大小？

Answer 1

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

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

当屏幕尺寸小于500px

时，这将导致应用此对象中定义的CSS