本文介绍了移动端页面布局的不同情况及其解决方案，包括有表单、二维码和无表单无动画的页面布局。针对表单页面，详细阐述了背景图、表单元素和按钮的切图与定位方法。对于有二维码的页面，提出了背景图与img标签结合的实现思路。同时，对于没有表单和动画的简单页面，给出了直接使用全屏背景图的建议。最后，分享了在设计稿高度超过屏幕时的两种处理方式，即修改设计稿和利用顶部空间调整背景图位置。
页面样式：
基本代码：
<div class="swiper-container" id="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide page page1" >
<div class="pageInr">
<div class="elm elm1">
<input type="text" class="userName">
<input type="text" class="userPsw">
</div>
<div class=
548
85
162
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
