V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
remember5
V2EX  ›  Vue.js

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

  •  
  •   remember5 · 2021-01-21 16:42:37 +08:00 · 3826 次点击
    这是一个创建于 1406 天前的主题,其中的信息可能已经有所发展或是发生改变。
    22 条回复    2021-01-29 22:14:13 +08:00
    wdspro
        1
    wdspro  
       2021-01-21 16:44:22 +08:00
    都可以吧 看你喜欢了
    swirling
        2
    swirling  
       2021-01-21 16:47:23 +08:00
    都不好用 都可以实现功能 vh 可能简单点吧
    liyang5945
        3
    liyang5945  
       2021-01-21 16:50:48 +08:00
    看你需求了,字体大小 /div 固定宽度什么的使用 rem 方便,若是布局什么的使用 vw/wh 方便
    remember5
        4
    remember5  
    OP
       2021-01-21 16:57:48 +08:00
    @liyang5945 请教大佬,结合使用会不会有什么问题?
    gdrk
        5
    gdrk  
       2021-01-21 17:00:38 +08:00
    插眼等一个好的方案,目前我还是沿用的 rem 方案,还没上大屏测过
    galikeoy
        6
    galikeoy  
       2021-01-21 17:02:01 +08:00
    @remember5 #4 处理好就不会有问题
    murmur
        7
    murmur  
       2021-01-21 17:03:12 +08:00
    做什么适配,既然是大屏,目标设备就固定死了,只要联调到合适就行
    loading
        8
    loading  
       2021-01-21 17:05:12 +08:00 via Android
    同意楼上,目标分辨率是死的,如果改动,再收一次钱。
    liuzhaowei55
        9
    liuzhaowei55  
       2021-01-21 17:05:13 +08:00 via iPhone
    rem
    meteor957
        10
    meteor957  
       2021-01-21 17:09:15 +08:00
    最难处理的还是边距 , 边距应该是固定的。
    dong595167778
        11
    dong595167778  
       2021-01-21 17:31:16 +08:00
    https://gitee.com/MTrun/big-screen-vue-datav. 我上次参考这个做了一个项目你看下有用么
    patosky
        12
    patosky  
       2021-01-21 17:35:12 +08:00
    之前用过 px 转 viewport
    InternetExplorer
        13
    InternetExplorer  
       2021-01-21 17:42:36 +08:00
    用 px 写,然后用插件转 rem,最后的效果就是相对设计尺寸等比例缩放
    zhengjian
        14
    zhengjian  
       2021-01-21 17:43:58 +08:00
    transform
    codingguy
        15
    codingguy  
       2021-01-21 17:53:05 +08:00
    px 写死然后 transform scale 缩放
    rodrick
        16
    rodrick  
       2021-01-21 22:29:21 +08:00
    布局宽高之类的用 vw vh,字体之类的看需求 rem
    remember5
        17
    remember5  
    OP
       2021-01-22 09:20:38 +08:00
    看了大佬们的方案,暂时先选择 rem 和 vw/vh 结合使用,先去踩踩坑,有后续会和大家分享
    hitaoguo
        18
    hitaoguo  
       2021-01-22 09:24:10 +08:00
    最近我们做大屏的时候,会有一个要求,因为现场的大屏是由 M*N 个小屏堆起来的,两个小屏没办法完美搭配,会导致有黑边,所以会要求我们尽量要让数据避开这些位置。
    vvmap
        19
    vvmap  
       2021-01-22 10:07:30 +08:00
    既然是大屏,为啥还要做适配,分辨率不都是固定的么,具体时间什么场景的需求呢
    shenyuzhi
        20
    shenyuzhi  
       2021-01-22 10:16:37 +08:00
    如果屏幕分辨率是固定的,随便。
    如果不固定,应该用 px,加上 meta[name=viewport]这个标签。
    vm/vh/rem 不是用来在常规情况下缩放的。
    cw2k13as
        21
    cw2k13as  
       2021-01-22 13:20:26 +08:00
    postcss-px-to-viewport 想转 rem/vw 随你便
    happyCodings
        22
    happyCodings  
       2021-01-29 22:14:13 +08:00
    PX 写然后缩放 刚刚搞完一个项目
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3431 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 11:07 · PVG 19:07 · LAX 03:07 · JFK 06:07
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.