lincya
V2EX  ›  问与答

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

  •  
  •   lincya · Mar 27, 2019 · 4171 views
    This topic created in 2605 days ago, the information mentioned may be changed or developed.

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

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

    请大佬们指教。

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