CSS是网页布局与样式的一项重要技术，它可以让我们以简单、美观的方式展示页面内容。其中，像素（px）是CSS中最常用的单位之一，但是它有一个缺点，就是在不同的设备上显示效果并不一致，这时候我们就需要使用dp单位。

/* 使用像素 */
div {
font-size: 24px;
width: 200px;
height: 100px;
}
/* 使用dp */
div {
font-size: 16dp;
width: 50dp;
height: 25dp;
}

DP（Density-Independent Pixel）单位是为了解决在不同的设备上显示效果不一致的问题而诞生的。它是一种相对单位，可以根据屏幕的像素密度进行缩放。因此，在不同的设备上显示相同的元素，它们的大小、间距、字体大小等都是相对一致的。

当然，在实际使用中，我们需要注意一些细节，比如Android和iOS的dp转换方式是不同的，我们需要根据不同的平台来设置不同的DP值。此外，使用DP单位可不仅仅限于移动端的开发，它同样适用于桌面端的网页布局与样式设计。

总之，CSS使用DP单位是为了适应不同分辨率的设备，让页面展示效果更加一致。如果您的网站要适配不同的设备，不妨尝试使用DP单位，让您的页面更显专业。