jquery-mobile - jquery 移动响应图像模板

Question

首先，对不起，因为我刚刚开始使用 jquery 移动和响应式设计。

我正在尝试使用 jquery mobile 构建模板以创建移动应用程序。

问题在于手机和平板电脑的尺寸。

我的测试看起来不像我想要的那样。我想在图像中构建类似节目的东西。

http://aprendeinformaticaconmigo.com/images/resposive_app_template.png

谁能告诉我如何针对不同的手机和平板电脑尺寸做到这一点？

非常感谢！！

Answer 1

像这样？http://jsfiddle.net/rnErL/

很少的代码

CSS：

.box {
    max-width:500px;
    width:100%;
    min-height:200px;
    background-color:green;
    margin:5px;
    margin-left:auto;
    margin-right:auto;
}

.bottom-left, .bottom-right {
    width:50px;
    height:50px;
    position:absolute; 
    background-color:green;
}

.bottom-left {
    bottom:5px;
}

.bottom-right {
    bottom:5px;
    right:5px;
}

HTML：

<div class="box"></div>
<div class="box"></div>
<div class="bottom-left"></div>
<div class="bottom-right"></div>