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