2012-11-27 3 views
0

JQM 페이지에 2 열 레이아웃이 필요합니다. 첫 번째 열은 이미지이고 두 번째 열은 텍스트입니다. Image in 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에서 그것을 테스트했다. 당신이 뭔가를 원한다면

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

4.1은 나에게 의견을주십시오. 또한 헤더에서 이것을 사용하는 것을 잊지 말아 :

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

도도 OK 위의 링크 확인.