如何使網站上的tfl小部件更大

所以我試圖在我的jQuery Mobile網站上使用TFL小部件，但它很小。我試圖通過CSS設置高度和寬度，但它不起作用，我希望它覆蓋整個頁面。我也嘗試在TFL網站上使用兩個版本，固定寬度和可變寬度，但沒有一個能正常工作。如何使網站上的tfl小部件更大

對此的任何幫助將非常感激。

非常感謝。

對不起，格式化的東西搞砸了。這裏是我的代碼：

<html> 
    <head> 
<title></title> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" /> 
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js">  </script> 
<link rel="stylesheet" href="css/style.css"> 
    </head> 
<body> 
<div data-role="page"> 

    <div data-role="header"> 
     <h1>Page Title</h1> 
    </div> 

    <div data-role="content"> 
     <div class="tflwidget"> 
<script language="JavaScript" src="http://www.tfl.gov.uk/tfl/syndication/widgets/serviceboard/embeddable/serviceboard-iframe-stretchy.js"></script></div> 

    </div> 

    <div data-role="footer" style="position:absolute; bottom: 0; left:0; right:0"> 
     <h4>Footer</h4> 
    </div> 




</div> 

</body> 
</html>

來源

2012-04-30 user1214037