android - 什么是 CSS 的 dp(密度独立像素)单位?

标签 android css web-applications user-interface screen

对于 Android,人们建议对 UI 元素使用 dp(与密度无关的像素)测量值,并且存在一些约定,例如使用 48dp 作为按钮高度等。

我正在开发一个 Web 应用程序,我收到很多关于 UI 设计的批评,说它不符合 Android 设计标准。显然,我的应用程序看起来会有所不同,因为它使用的是 CSS 和 HTML,而不是 Android Holo 主题,但我仍然希望尽可能使其符合。然而 CSS 不允许密度独立测量。

当我在不同的分辨率和像素密度上测试我的应用程序时,它看起来并不好,有时,它不成比例,甚至无法正常工作。 CSS 没有像 Android 原生开发那样的 dp 单位,但我想知道有哪些替代方案。

我能否以某种方式使用 Javascript 获得像素密度并适本地手动缩放所有内容?制作一个在所有分辨率/密度下外观和工作都很好的网络应用程序的最佳方法是什么?

最佳答案

我不同意当前接受的答案。正如 uber5001 所暗示的,px 是一个固定的单位,与 Android 特定的 dp 的工作精神相似。

根据 Material's spec :

When writing CSS, use px wherever dp or sp is stated. Dp only needs to be used in developing for Android.

另外

When designing for the web, replace dp with px (for pixel).

关于android - 什么是 CSS 的 dp(密度独立像素)单位?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16390762/

相关文章:

css - 如何使用 ReactJS 和 Font-awesome 为半图标着色?

css - 最后使用问号 (?) 在浏览器中访问 CSS

mysql - Asp NET Membership with MySql。扩展 my_aspnet_applications 表

Android Studio 布局编辑器空白

java.lang.IllegalStateException : Could not find a method saveData(view)

html - 如何使 HTML 中的表单输入框(连同文本)变大?

javascript - 谁能告诉我为什么这个电子邮件验证不起作用?

android - ItemTouchHelper.SimpleCallback onMove() 未被触发

android - 广播句柄应用程序包更改(卸载)

e-commerce - 如何解决我网站使用的第三方系统未告知支付成功的问题?