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

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的