jQuery Mobile是一個流行的移動端框架，其中包含了許多美觀的圖標。這些圖標極其方便，可以輕松地添加到您的應(yīng)用程序中。但是您知道怎樣在jQuery Mobile中更改這些圖標的大小嗎？ 首先，讓我們看一下一個基本的jQuery Mobile圖標應(yīng)該如何設(shè)置。在HTML代碼中，您需要使用一個帶有圖標類的元素，比如這個例子中的按鈕：

首頁

這里，我們使用了一個帶有.ui-icon-home類的按鈕元素。.ui-btn-icon-left類設(shè)置了圖標的位置，并將其放置在文本的左側(cè)。 現(xiàn)在讓我們看一下如何更改圖標的大小。可以使用CSS進行控制。對于所有的圖標類，都會應(yīng)用一個同名的.icon類。通過修改這個.icon類，我們就可以控制圖標的大小。 例如，如果我們想將圖標變得更大，我們可以添加如下的CSS：

.ui-icon-myicon {
width: 3em;
height: 3em;
}

在這個例子中，我們添加了一個添加到.ui-icon-myicon類上的CSS，將圖標的寬度和高度都設(shè)置為3em。然后，我們可以像下面這樣使用它：

我的圖標

這將創(chuàng)建一個按鈕，其中包含我們自己的圖標，而且比通常的圖標更大！ 使用這種方法時，不要忘記在CSS中為每個圖標添加.icon類（例如，.ui-icon-myicon.icon）。 通過這種方式，您可以在jQuery Mobile中輕松地更改圖標的大小，以便根據(jù)需要滿足您的應(yīng)用程序的需要。