vue 大屏项目需要做适配,是用 rem 还是 vh 呢

2021-01-21 16:42:37 +08:00
 remember5
3852 次点击
所在节点    Vue.js
22 条回复
wdspro
2021-01-21 16:44:22 +08:00
都可以吧 看你喜欢了
swirling
2021-01-21 16:47:23 +08:00
都不好用 都可以实现功能 vh 可能简单点吧
liyang5945
2021-01-21 16:50:48 +08:00
看你需求了,字体大小 /div 固定宽度什么的使用 rem 方便,若是布局什么的使用 vw/wh 方便
remember5
2021-01-21 16:57:48 +08:00
@liyang5945 请教大佬,结合使用会不会有什么问题?
gdrk
2021-01-21 17:00:38 +08:00
插眼等一个好的方案,目前我还是沿用的 rem 方案,还没上大屏测过
galikeoy
2021-01-21 17:02:01 +08:00
@remember5 #4 处理好就不会有问题
murmur
2021-01-21 17:03:12 +08:00
做什么适配,既然是大屏,目标设备就固定死了,只要联调到合适就行
loading
2021-01-21 17:05:12 +08:00
同意楼上,目标分辨率是死的,如果改动,再收一次钱。
liuzhaowei55
2021-01-21 17:05:13 +08:00
rem
meteor957
2021-01-21 17:09:15 +08:00
最难处理的还是边距 , 边距应该是固定的。
dong595167778
2021-01-21 17:31:16 +08:00
https://gitee.com/MTrun/big-screen-vue-datav. 我上次参考这个做了一个项目你看下有用么
patosky
2021-01-21 17:35:12 +08:00
之前用过 px 转 viewport
InternetExplorer
2021-01-21 17:42:36 +08:00
用 px 写,然后用插件转 rem,最后的效果就是相对设计尺寸等比例缩放
zhengjian
2021-01-21 17:43:58 +08:00
transform
codingguy
2021-01-21 17:53:05 +08:00
px 写死然后 transform scale 缩放
rodrick
2021-01-21 22:29:21 +08:00
布局宽高之类的用 vw vh,字体之类的看需求 rem
remember5
2021-01-22 09:20:38 +08:00
看了大佬们的方案,暂时先选择 rem 和 vw/vh 结合使用,先去踩踩坑,有后续会和大家分享
hitaoguo
2021-01-22 09:24:10 +08:00
最近我们做大屏的时候,会有一个要求,因为现场的大屏是由 M*N 个小屏堆起来的,两个小屏没办法完美搭配,会导致有黑边,所以会要求我们尽量要让数据避开这些位置。
vvmap
2021-01-22 10:07:30 +08:00
既然是大屏,为啥还要做适配,分辨率不都是固定的么,具体时间什么场景的需求呢
shenyuzhi
2021-01-22 10:16:37 +08:00
如果屏幕分辨率是固定的,随便。
如果不固定,应该用 px,加上 meta[name=viewport]这个标签。
vm/vh/rem 不是用来在常规情况下缩放的。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/747105

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX