2012-11-27 28 views
0

我想在JQM頁面中有2列布局。第一列是圖片,第二列是一些文字。JQueryMobile中的圖片

<div data-role="content"> 
    <div class="ui-grid-a"> 
     <img class="ui-block-a" src="/image/no-picture.jpg"/> 
     <div class="ui-block-b"> 
      <h1>Some Text Here</h1>   
     </div> 
    </div> 
</div> 

我試圖設置max-width,它工作在一個瀏覽器,但在android webview沒有工作。做這個的最好方式是什麼?

感謝

回答

1

This是一個工作的例子。我已經在Galaxy S3 andr上測試過它。 4.1

<div class="ui-grid-a"> 
    <div class="ui-block-a"> 
     <img src="http://www.index.hr/thumbnail.ashx?path=images2/europskimljekari_AFP26112012.jpg&width=325&height=197"/> 
    </div> 
    <div class="ui-block-b"> 
     <h1>Some Text Here</h1> 
    </div> 
    </div> 

給我評論,如果你想別的。也不要忘記在你的頭使用此:

<meta content="width=device-width, minimum-scale=1, maximum-scale=2" name="viewport"> 
0
http://jquerymobile.com/test/docs/api/methods.html 

你可以找到所有的數據..

http://operationmobile.com/dont-forget-to-call-refresh-when-adding-items-to-your-jquery-mobile-list/ 

還要檢查上面的鏈接也行。