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

2021-08-03 15:35:14 +08:00
 d7sus4

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

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

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

保证布局别乱了就行。考虑带鱼屏下内容居中显示即可。
d7sus4
2021-08-04 11:11:30 +08:00
@mcoo1997 你以为这***需求谁提的...
tinkerer
2021-08-04 11:28:14 +08:00
@d7sus4 晓之以理,动之以武

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/793404

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX