寫的JQuery頁面顯示的內容沒有邊距，內容緊鄰瀏覽器邊線，特別難看（如下圖）
程式碼如下：
複製代碼代碼如下:
<body>
<form id="form1" runat="server">
<div data-role="page" id="page">
<div data-role="header" data-theme="b">
<h2>新聞內容</h2>
</div>
<div>
<div>
<asp:Image ID="newsImage" runat="server" AlternateText="新聞圖片" />
</div>
<div>
<asp:Label ID="lblDetail" runat="server" Text="Label"></asp:Label>
</div>
</div>
<div data-role="footer" data-theme="d">
<h4>餐飲諮詢</h4>
</div>
</div>
</form>
</body>
其實原因特別簡單，就是顯示的內容沒有放在content裡邊，所以在div裡加上一個data-role="content"就可以了，修改後的程式碼如下：
複製代碼代碼如下:
<body>
<form id="form1" runat="server">
<div data-role="page" id="page">
<div data-role="header" data-theme="b">
<h2>新聞內容</h2>
</div>
<div>
<div>
<asp:Image ID="newsImage" runat="server" AlternateText="新聞圖片" />
</div>
<div>
<asp:Label ID="lblDetail" runat="server" Text="Label"></asp:Label>
</div>
</div>
<div data-role="footer" data-theme="d">
<h4>餐飲諮詢</h4>
</div>
</div>
</form>
</body>