如今越來越多的應(yīng)用程序都讓設(shè)計(jì)師面臨了在移動(dòng)設(shè)備上進(jìn)行界面設(shè)計(jì)的挑戰(zhàn)。其中，移動(dòng)設(shè)備的屏幕尺寸和分辨率發(fā)生了巨大的變化，對(duì)于這一變化，css提供了一種適配的方案，即px。

@media only screen and (max-width : 320px) {
body {
font-size:12px;
}
}

由于不同移動(dòng)設(shè)備的屏幕尺寸和分辨率各不相同，因此設(shè)計(jì)師需要根據(jù)實(shí)際的情況進(jìn)行調(diào)整，而使用px作為單位就能夠滿足這種需求。如果設(shè)計(jì)師所用的單位是百分比或em等相對(duì)單位，那么在不同的設(shè)備上，最終呈現(xiàn)的效果將會(huì)有所不同。

.box {
width: 60%;
margin: 0 auto;
}

然而，使用px作為單位也存在一定的問題，那就是在不同的設(shè)備上字體大小會(huì)有所不同。在不同的移動(dòng)設(shè)備上會(huì)有不同的像素密度DPI，而px是一個(gè)固定的單位，因此，設(shè)計(jì)師需要根據(jù)不同的設(shè)備選擇不同的字體大小。

為了解決這個(gè)問題，css3引入了一種新的單位——vw和vh，它們是相對(duì)于視口寬度和視口高度的單位，而不是絕對(duì)長(zhǎng)度單位。使用這種單位就能夠確保在不同設(shè)備上字體大小和元素大小都相對(duì)一致。

.container {
width: 50vw;
height: 50vh;
}

在進(jìn)行移動(dòng)設(shè)備上的界面設(shè)計(jì)時(shí)，選擇合適的單位是非常重要的，而px、vw和vh這三種單位都有各自的優(yōu)缺點(diǎn)，設(shè)計(jì)師需要針對(duì)具體的場(chǎng)景進(jìn)行選擇。總之，通過合理的選擇單位，設(shè)計(jì)師能夠確保移動(dòng)設(shè)備上的界面設(shè)計(jì)具有更好的兼容性和可擴(kuò)展性。