[android]我怎样做适合我 HTML element 为所有的移动设备 (显示)?

发布时间: 2014/8/23 14:42:41
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我是很新的移动应用程序。我正在开发一个手机 application 使用 phonegap。列表的创建 view ,将适合小屏幕 i.e,(320*480:mdpi)。如果我运行相同 application 大屏幕 i.e,(480*800:mdpi) 在我的列表 view 看起来真的很小,将会正确地适应屏幕。

有没有什么办法,以适应 html 为各种移动设备的元素吗?我怎么能一样。任何建议吗?

我的列表,如下所示,是

 <ul data-role="listview" id="locationList" data-dismissible="false" name="locationList" style="width: 285px; height: 150px; overflow: auto" data-inset="true">

解决方法 1:

为什么 OMG 你为什么这样做呢?每个 jQuery 移动widget已经作出积极响应每个屏幕分辨率,包括 listview widget。你不需要手动调整它的大小。想一下,你真的打算具有预定义的宽度和高度为每个屏幕的大小,是荒谬的。

工作示例: http://jsfiddle.net/Gajotres/b433C/

<ul data-role="listview" id="locationList" data-dismissible="false" name="locationList" data-inset="true">
    <li><a>Element 1</a></li>
    <li><a>Element 2</a></li>
    <li><a>Element 3</a></li>
    <li><a>Element 4</a></li>                 
</ul>

正如你可以看到在此示例中, listview 将会根据屏幕大小调整大小,你不需要做这件事。

官方微信
官方QQ群
31647020