移动端布局Demo展示图文

上两张图自勉一下（来自刘墉先生的文章，最近看他的作品）：然后移动端该愈来愈受到重视，未来的市场我不知道，不过我知道手机的功能越来越强大是不争的事实！移动端布局的积累也需要从现在做起！

移动端布局Demo展示图文

需求一：实现下图效果，注意不同手机的型号：原生称为适配，我们称为自适应不变形

移动端布局Demo展示图文

思路一：btn+ima布局风格

<div class="row margin-top">
                        <div class="col-sm-12">
                            <div class="form-group text-centr">
                                <button type="submit" class="btn btn-default ubBtn">
                                乘客快捷注册
                                <!-- <i class="check" style="padding-left:3.0rem">&nbsp;&nbsp;</i> -->
                                <!-- <img src="./image/checks.png" style="width:20px;height:20px;position: relative;right: -1.6rem;"> -->
                                </button>
                                <img src="./image/checks.png" style="width: 20px; height: 20px; position: absolute; top: 3.6rem; right: 0.5rem;">
                            </div>
                        </div>
                </div>

View Code