1.移动端布局自适应不同屏幕的几种方式。
(1).响应式布局
(2).100%布局(弹性布局)
(3).等比例缩放(rem)
2.移动端常见的适配不同屏幕大小的方法。
响应式布局:
简而言之,就是页面元素的位置随着屏幕尺寸的变化而变化,通?;嵊冒俜直壤炊ㄎ唬谏杓粕闲枰ち粢恍┛杀弧把顾酢钡目占?。
Cover布局:
就跟background-size的cover属性一样,保持页面的宽高比,取宽或取高之中的较小者占满屏幕,超出的内容会被隐藏。此布局适用于主要内容集中在中部,边沿无重要内容的设计。
Contain布局:
同样,也跟background-size的contain属性那样,保持页面的宽高比,取宽或取高之中的较大者占满屏幕,不足的部分用背景去填充,个人比较推荐用这种方式,但在设计上需要背景为单色,或者是可平铺的背景。
iScroll安卓低版本卡顿,如何解决。
(1).iScroll v5.1.3设置 momentum:true
(2).配置probeType
(3).开启硬价加速:给scroll增加css样式:-webkit- tiansform:translate3d(0,0,0);
(4).判断手机版系统,应用原生css:overflow:scroll-y
就到这里咯~~~~~~