El contenido que se muestra en la página escrita de JQuery no tiene márgenes y el contenido está cerca del borde del navegador, lo cual es particularmente feo (como se muestra a continuación)
El código es el siguiente:
Copie el código de código de la siguiente manera:
<cuerpo>
<formulario id="form1" runat="servidor">
<div data-role="página" id="página">
<div función-datos="encabezado" tema-datos="b">
<h2>Contenido de noticias</h2>
</div>
<div>
<div>
<asp:Image ID="noticiasImagen" runat="servidor" AlternateText="Imagen de noticias" />
</div>
<div>
<asp:Label ID="lblDetail" runat="servidor" Text="Label"></asp:Label>
</div>
</div>
<div data-role="pie de página" data-theme="d">
<h4>Consulta de catering</h4>
</div>
</div>
</formulario>
</cuerpo>
De hecho, la razón es muy simple, es decir, el contenido mostrado no se coloca dentro del contenido, por lo que simplemente agregue un data-role="content" al div. El código modificado es el siguiente:
Copie el código de código de la siguiente manera:
<cuerpo>
<formulario id="form1" runat="servidor">
<div data-role="página" id="página">
<div función-datos="encabezado" tema-datos="b">
<h2>Contenido de noticias</h2>
</div>
<div>
<div>
<asp:Image ID="noticiasImagen" runat="servidor" AlternateText="Imagen de noticias" />
</div>
<div>
<asp:Label ID="lblDetail" runat="servidor" Text="Label"></asp:Label>
</div>
</div>
<div data-role="pie de página" data-theme="d">
<h4>Consulta de catering</h4>
</div>
</div>
</formulario>
</cuerpo>