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

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> 

这将导致在该对象定义的CSS当屏幕尺寸小于500px的