remember5
V2EX  ›  Vue.js

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

  •  
  •   remember5 · Jan 21, 2021 · 5361 views
    This topic created in 2119 days ago, the information mentioned may be changed or developed.
    22 replies  •  2021-01-29 22:14:13 +08:00
    wdspro
    wdspro
    Jan 21, 2021
    1
    都可以吧 看你喜欢了
    swirling
    swirling
    Jan 21, 2021
    2
    都不好用 都可以实现功能 vh 可能简单点吧
    liyang5945
    liyang5945
    Jan 21, 2021
    3
    看你需求了,字体大小 /div 固定宽度什么的使用 rem 方便,若是布局什么的使用 vw/wh 方便
    remember5
    remember5
    OP
    Jan 21, 2021
    4
    @liyang5945 请教大佬,结合使用会不会有什么问题?
    gdrk
    gdrk
    Jan 21, 2021
    5
    插眼等一个好的方案,目前我还是沿用的 rem 方案,还没上大屏测过
    dfourc
    dfourc
    Jan 21, 2021
    6
    @remember5 #4 处理好就不会有问题
    murmur
    murmur
    Jan 21, 2021
    7
    做什么适配,既然是大屏,目标设备就固定死了,只要联调到合适就行
    loading
    loading
    Jan 21, 2021 via Android
    8
    同意楼上,目标分辨率是死的,如果改动,再收一次钱。
    liuzhaowei55
    liuzhaowei55
    Jan 21, 2021 via iPhone
    9
    rem
    meteor957
    meteor957
    Jan 21, 2021
    10
    最难处理的还是边距 , 边距应该是固定的。
    dong595167778
    dong595167778
    Jan 21, 2021
    11
    https://gitee.com/MTrun/big-screen-vue-datav. 我上次参考这个做了一个项目你看下有用么
    patosky
    patosky
    Jan 21, 2021
    12
    之前用过 px 转 viewport
    InternetExplorer
    InternetExplorer
    Jan 21, 2021
    13
    用 px 写,然后用插件转 rem,最后的效果就是相对设计尺寸等比例缩放
    mmnsghgn
    mmnsghgn
    Jan 21, 2021
    14
    transform
    codingguy
    codingguy
    Jan 21, 2021
    15
    px 写死然后 transform scale 缩放
    rodrick
    rodrick
    Jan 21, 2021
    16
    布局宽高之类的用 vw vh,字体之类的看需求 rem
    remember5
    remember5
    OP
    Jan 22, 2021
    17
    看了大佬们的方案,暂时先选择 rem 和 vw/vh 结合使用,先去踩踩坑,有后续会和大家分享
    hitaoguo
    hitaoguo
    Jan 22, 2021
    18
    最近我们做大屏的时候,会有一个要求,因为现场的大屏是由 M*N 个小屏堆起来的,两个小屏没办法完美搭配,会导致有黑边,所以会要求我们尽量要让数据避开这些位置。
    vvmap
    vvmap
    Jan 22, 2021
    19
    既然是大屏,为啥还要做适配,分辨率不都是固定的么,具体时间什么场景的需求呢
    shenyuzhi
    shenyuzhi
    Jan 22, 2021
    20
    如果屏幕分辨率是固定的,随便。
    如果不固定,应该用 px,加上 meta[name=viewport]这个标签。
    vm/vh/rem 不是用来在常规情况下缩放的。
    cw2k13as
    cw2k13as
    Jan 22, 2021
    21
    postcss-px-to-viewport 想转 rem/vw 随你便
    happyCodings
    happyCodings
    Jan 29, 2021
    22
    PX 写然后缩放 刚刚搞完一个项目
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   4704 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 95ms · UTC 01:45 · PVG 09:45 · LAX 17:45 · JFK 20:45
    ♥ Do have faith in what you're doing.