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

Ant Design 如何响应式地适配从 1080P 到 4K 常见比例的屏幕?

  •  
  •   d7sus4 · 2021-08-03 15:35:14 +08:00 · 1489 次点击
    这是一个创建于 1235 天前的主题,其中的信息可能已经有所发展或是发生改变。

    项目强依赖 antd, 但适配屏幕的时候发现其内部使用的几乎都是绝对单位, 无法通过设置字号来做响应式

    9 条回复    2021-08-04 11:28:14 +08:00
    iikebug
        1
    iikebug  
       2021-08-03 15:58:57 +08:00
    fork 出来,自己维护一条分支?
    xieqiqiang00
        2
    xieqiqiang00  
       2021-08-03 16:06:27 +08:00
    用户搞 4K 屏幕不是用来叫你放大内容的
    mcoo1997
        3
    mcoo1997  
       2021-08-03 16:38:01 +08:00 via Android
    瞎操心 谁 4k 屏幕用的和 1080p 一样的 dpi
    qrobot
        4
    qrobot  
       2021-08-03 16:44:56 +08:00
    我记得上次去阿里,他们内部使用的就是 4k 屏幕啊,导致 antd 在低分辨率的屏幕下显示的特别大。 所以 4k 基本没有问题,低分辨率的情况下也出了一个 antd.compact.[css|less] 完美解决两个问题啊。 你看看官方文档
    InternetExplorer
        5
    InternetExplorer  
       2021-08-03 16:49:14 +08:00
    1px 在 1080P 上是 1 个像素, 到 4k 上是 4 个像素吧,实际视觉效果还是一样大的,用户设置了 100% 缩放的话那只能怪用户自己,非要处理可以试试 scale 全局放大
    TomVista
        6
    TomVista  
       2021-08-03 16:54:07 +08:00
    检查 window 高宽是否过大,然后用 viewport scale

    或者设置固定大小的水平居中内容区域,例如 2000px,左右留白
    clf
        7
    clf  
       2021-08-03 16:58:50 +08:00
    浏览器的缩放比例和系统的缩放比例就是拿来干这个的。

    保证布局别乱了就行。考虑带鱼屏下内容居中显示即可。
    d7sus4
        8
    d7sus4  
    OP
       2021-08-04 11:11:30 +08:00
    @mcoo1997 你以为这***需求谁提的...
    tinkerer
        9
    tinkerer  
       2021-08-04 11:28:14 +08:00
    @d7sus4 晓之以理,动之以武
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1062 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 19:10 · PVG 03:10 · LAX 11:10 · JFK 14:10
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.