android - 图像尺寸，移动设备样式表

Question

我正在使用需要适合所有移动设备的工作灯开发应用程序苹果手机和安卓。我正在使用 jquery mobile、css3、html5。但是当我在标题中添加标题和按钮时......它们不会调整到移动高度和宽度(例如:galaxy s2)。它们要么太大要么太小。谁能建议我应该如何创建更好的样式表...

代码如下:

<div data-role="header">
    <div style="float:left;width:30%">
        <a data-rel="back" href="" data-role="button" data-theme="none">
            <img class="imgback" src="images/Header_left_btn.PNG" />
        </a>
    </div>

    <div style="float:left;width:40%">
        <img src="images/headerText_Lock_icon.PNG" />
    </div>

    <div style="float:left;width:30%">
        <img src="images/logo.PNG" />
    </div>

</div>

Answer 1

Worklight 提供了完整的教程，其中描述了支持多种形式使用 Worklight 皮肤的因素。本演示文稿包括一个完整的教程，涵盖什么是皮肤、皮肤如何工作以及测试您所学内容的练习。该演示文稿可在以下位置找到:

使用 Worklight 皮肤演示: http://public.dhe.ibm.com/software/mobile-solutions/worklight/docs/v610/05_03_Supporting_multiple_form_factors_using_Worklight_skins.pdf