Question

我正在使用需要适合所有移动设备的工作灯开发应用 iPhone和Android。我正在使用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 Skins演示文稿： http://public.dhe.ibm.com/software/mobile-solutions/worklight/docs/v610/05_03_Supporting_multiple_form_factors_using_Worklight_skins.pdf

图像大小，移动设备样式表

1 个答案: