JQuery Mobile是一種用于移動設備的開源框架，它可以擴展JQuery，讓網頁看起來更像應用程序。在JQuery Mobile中，有一個很常用的功能，那就是放大。

在JQuery Mobile中，放大縮小是通過使用data-role="zoom"實現。在HTML代碼中插入它，就像這樣：

<div data-role="zoom">
<p>在這里插入你想要展示的內容。</p>
<img src="image.jpg">
</div>

這個div將包含你想要展示的所有內容。在這個例子中，我們有一個段落和一張圖片。接下來是CSS代碼：

[data-role="zoom"]{
height:100%;
width:100%;
margin:auto;
}
[data-role="zoom"] img{
height:100%;
width:auto;
margin:auto;
}

這些CSS將使內容適應屏幕的大小，并在放大時正常顯示。CSS代碼將data-role="zoom"的div設置為100％高度和寬度，并設置img標簽的高度為100％，寬度自動調整。

現在，當用戶點擊內容，它將自動放大。如果在使用JQuery Mobile構建的網站或應用程序中需要放大功能，那么這是一個很棒的解決方案。它非常易于實現，而且使用時也十分便捷。就這樣，你的用戶可以隨時放大和縮小圖像和文本，以便最好地滿足他們的需要。