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

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

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