线上实习-需求发布模块前端设计评审

移动端页面如何实现自适应

3,370人观看 48 1

视频介绍

用户评论

评审内容

本期视频为跑个腿项目的第一期，简单讲解了layer插件和weui插件的使用方法，以及移动端如何实现屏幕自适应

优点

1.layer和weui能够学会使用

2.实现了移动端屏幕大小自适应

3.页面还原度高

缺点

1.改变layer插件的原生样式导致其他弹窗样式出错

2.为了优化页面性能，能用css实现的样式尽量不要用图片

建议

1.在使用插件时，最好不要强制改变原生的样式，会导致一些不可预测的其他问题

2.移动端页面需解决屏幕自适应问题，视频各种屏幕尺寸的手机

大V点评

最新评论

因为各个移动端设备，分辨率大小不一致，网页想铺满整个屏幕，并在各种分辨下等比缩放，为了适应各种移动端设备，完美呈现应有的布局效果，所以我们要做适配

发表于 2019-06-06 20:00

改造家

为什么我弹窗的样式给了border-radius，页面上还是一个正方形啊？

发表于 2019-05-28 19:49

花花 :

你是不是没有在layer的style参数里面给它设置圆角？

发表于 2019-05-28 19:51

改造家 :@花花还真是，我设置了一下就好了，谢谢啊

发表于 2019-05-28 19:55

白敬亭圈外女友

老师我想请问一下，文字大小也需要换算成rem吗？

发表于 2019-05-28 19:27

明天你好 :

对于只需要适配少部分手机设备，分辨率对页面影响不大的，使用px即可，对于需要适配各种移动设备，使用rem

发表于 2019-05-28 19:40

发表