Jquery mobile是一個運用HTML5、CSS3和JavaScript的前端開發(fā)庫，主要用于開發(fā)移動應用，在設計布局時，會用到相對字體大小的em單位，利用字體em的優(yōu)勢可以制造屏幕適應性，使得頁面在不同尺寸的設備中都能夠自適應，達到更好的用戶體驗，下面是使用字體em單位的一些示例。

h1 {
font-size: 2em;
}
p {
font-size: 1em;
}
@media all and (min-width: 600px) {
h1 {
font-size: 3em;
}
p {
font-size: 1.2em;
}
}

在上面的代碼中，h1元素使用了2em的字體大小，其實就是以當前元素所在的父元素字體大小為基礎，乘以2，作為h1自己的字體大小。p元素使用了1em的字體大小，和h1不同的是，這里并沒有指定字體大小，所以使用的是默認的父元素字體大小。

使用字體em時，還可以根據屏幕大小使用媒體查詢來調整字體大小，比如在代碼中添加了一個@media，設備屏幕寬度大于等于600px時，h1的字體大小變成了3em，而p的字體大小則是1.2em，這樣就可以更好的適應大尺寸設備。

總之，使用字體em單位是一種簡單而有效的方法，可以讓字體大小適配各種設備，提高用戶體驗，提升網站的可用性。