d7sus4
V2EX  ›  问与答

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

  •  
  •   d7sus4 · Aug 3, 2021 · 2291 views
    This topic created in 1768 days ago, the information mentioned may be changed or developed.

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

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

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

    保证布局别乱了就行。考虑带鱼屏下内容居中显示即可。
    d7sus4
        8
    d7sus4  
    OP
       Aug 4, 2021
    @mcoo1997 你以为这***需求谁提的...
    tinkerer
        9
    tinkerer  
       Aug 4, 2021
    @d7sus4 晓之以理,动之以武
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2604 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 128ms · UTC 01:56 · PVG 09:56 · LAX 18:56 · JFK 21:56
    ♥ Do have faith in what you're doing.