1

我正在使用：jquery-1.8.2 和 jquery-mobile-1.2.0（生成时检查了所有选项）

目标设备是 iPhone 4/4s/5 和 iPad。

当前数据角色=“列表视图”：

测试链接

当前代码： 

<div data-role="page">

<div data-role="header" data-position="fixed">
<h1>Test</h1>
</div>

<div data-role="content">   

<div class="content-primary">   
<ul data-role="listview" data-split-icon="gear" data-split-theme="d">
<li><a href="index.html">
<img src="pics/paul_jones.jpg" />
<h3>First Element</h3>
<p>First</p>
</a></a><a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">Test</a>
</li>
<li><a href="index.html">
<img src="pics/ray_moore.jpg" />
<h3>Second Element</h3>
<p>Second</p>
</a><a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">Test</a>
</li>
<li><a href="index.html">
<img src="pics/lisa_wong.jpg" />
<h3>Third Element</h3>
<p>Third</p>
</a><a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">Test</a>
</li>
</ul>
</div>      
</div>
</div>
</body>
</html>
</pre>

使每个项目自动调整其高度以垂直拉伸到全屏的最佳方法是什么（我看到框架很好地处理水平拉伸），以便在这种情况下每行占屏幕的 33%，并且有图像相应地调整大小？显然，当有四个或更多项目时，这将必须工作。

在我的网站主页中，我希望有三个或四个我以这种方式设置样式的“图像按钮”。

<b>#button_id .ui-btn-inner</b> 
background: url("../img/button_image.png") no-repeat rgba(0, 0, 0, 0.4);
background-size: 100% 100%;

垂直填充屏幕自动调整大小。

4

0 回答 0