Question

我希望在JQM页面中有一个2列布局。第一列是图像，第二列是一些文本。

<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中无效。这样做的最佳方式是什么？

由于

Answer 1

This是一个有效的例子。我在Galaxy S3 android上测试过它。 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">

Answer 2

http://jquerymobile.com/test/docs/api/methods.html

你可以找到所有数据..

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

同时检查以上链接也行。

JQueryMobile中的图像

2 个答案: