V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
lincya
V2EX  ›  问与答

请问大佬, html 在移动端、PC 端、Web 端分别用什么单位啊?

  •  
  •   lincya · 2019-03-27 10:01:37 +08:00 · 3460 次点击
    这是一个创建于 1829 天前的主题,其中的信息可能已经有所发展或是发生改变。

    公司需要用 electron 包 html 页面,做个 pc 端的 APP,现在在纠结 pc 端用的是什么单位?

    移动端:rem Web 端:px PC 端:px?????

    请大佬们指教。

    12 条回复    2019-03-27 15:36:20 +08:00
    runze
        1
    runze  
       2019-03-27 10:18:46 +08:00
    移动端 VW,PC 端 px
    sky101001
        2
    sky101001  
       2019-03-27 10:20:26 +08:00
    都用 rem 吧,省事
    ChefIsAwesome
        3
    ChefIsAwesome  
       2019-03-27 10:24:18 +08:00
    你都用 px,什么毛病没有。px 本身就是相对单位,跟屏幕尺寸有关系,跟分辨率没关系。同样 4 寸的手机屏幕,分辨率一个 1080p,一个 480p,你在网页里取视图宽度,返回的可能都是 360。
    cxtrinityy
        4
    cxtrinityy  
       2019-03-27 10:27:33 +08:00
    @ChefIsAwesome px 的大小取决于屏幕尺寸和分辨率的共同计算吧,相同分辨率,不同尺寸,px 自然不同
    murmur
        5
    murmur  
       2019-03-27 10:27:46 +08:00
    rem 有坑的 不要想着 pc 端移动端完美响应式 错误的案例就是小米首页错用 rem 把横屏检测成了平板 效果及其炫酷
    Yiki
        6
    Yiki  
       2019-03-27 10:31:53 +08:00
    看你想响应式还是想分开设备来分别写了
    我都用 px(⊙﹏⊙)...
    DOLLOR
        7
    DOLLOR  
       2019-03-27 10:37:34 +08:00   ❤️ 1
    大多数情况用 px 都不会有问题。
    对于用户来说,使用更大的屏幕,是为了看到更多的内容,而不是更大的文字,所以,如果不是以图片展示为主的页面,也最好不要用 rem。
    delectate
        8
    delectate  
       2019-03-27 11:14:32 +08:00
    rem
    icyluna
        9
    icyluna  
       2019-03-27 11:17:36 +08:00
    rem 移动端缩放 单独调整
    TomVista
        10
    TomVista  
       2019-03-27 11:20:35 +08:00
    百分比和 px 相互约束 我移动端 pc 都用的这个方案 但是适配范围比较小,需要响应式设计.
    ironMan1995
        11
    ironMan1995  
       2019-03-27 12:04:55 +08:00 via Android
    lowly
        12
    lowly  
       2019-03-27 15:36:20 +08:00
    @murmur 特意手机横屏进小米网站看了下,根本停不下来
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   4047 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 41ms · UTC 05:16 · PVG 13:16 · LAX 22:16 · JFK 01:16
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.