gpt4 book ai didi

css - dp - sp 和 PX 之间的关系

转载 作者:技术小花猫 更新时间:2023-10-29 12:14:38 25 4
gpt4 key购买 nike

我不是问 dp、sp 和 px 之间有什么区别。

我正在设计一个基于谷歌新 Material 设计的网站,所有测量值都以 dp(用于网格)和 sp(用于文本)为单位。我的问题是它们如何转化为像素。我设计网站已经 4 年多了,所有的尺寸(网格和字体)都以像素为单位。

例如:

  1. 标题是 24sp,它相当于多少像素? (它不是 24px,我试过匹配它们,它大约是 28px,但必须有一个标准的测量系统)。
  2. 网格准则:“所有组件都与 8 dp 方形基线网格对齐。” - 它相当于多少像素?

1px = ?dp =?sp 在台式机或任何普通显示器或移动设备上?

最佳答案

我建议阅读谷歌对 dp 和 sp 的定义,可以在 Android 文档中找到,herehere .

精彩的 Designer's Guide to DPI 中还有一些有用的信息.

关于css - dp - sp 和 PX 之间的关系,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24502363/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com