关于uniapp移动端适配

来源:9-2 搭建小型 node 服务代理接口

慕粉3884565

2020-06-17

老师我在工作中遇到问题,是这样的,uniapp做的大屏安卓平板。实际是1920屏幕,怎么做pc端自适应,意思兼容主流PC端分辨率

http://img.mukewang.com/szimg/5eea2e05094ac3b114950829.jpg

如果是由内容撑起来,css根本实现不了左边菜单和右边对应平行的关系,而且这个高度距离几部只有大概20px,除了用媒体查询和js动态设置有其他办法吗,uniapp没有html,一般移动端自适应用的是rpx,但是这个相当于PC

http://img.mukewang.com/szimg/5efb57250994367b10520499.jpg

这是动态改变font-size

http://img.mukewang.com/szimg/5efb577d0937699709630400.jpg

37.5或者192都不行,






写回答

1回答

ustbhuangyi

2020-06-18

两种方案:
一种本质上就是缩放,类似 rem 和 rpx
另一种是固定一个宽度,两边留白,类似淘宝网

0
1
慕粉3884565
老师就是可以通过vuecli创建uniapp项目,那么就可以修改根节点,我做的这个布局不适合两边留白,中间内容1760px,所以只适合rem,但是rem配置有问题,我把代码截图麻烦您看下,项目都快做完了,
2020-06-30
共1条回复

Vue.js2.5+cube-ui重构饿了么App(经典再升级)

掌握Vue1.0到2.0再到2.5最全版本应用与迭代,打造极致流畅的WebApp

9868 学习 · 4162 问题

查看课程