De forma predeterminada, el ancho y el margen del cuadro de diálogo se establecen en jQuery mobile. El ancho predeterminado del diálogo es 92,5%. En las pantallas más grandes, el margen superior del diálogo se establece más grande, es decir, un margen superior del 10%, pero se contrae en la pantalla pequeña a un margen pequeño. Este estilo se puede anular en su hoja de estilo cuando sea necesario.
.ui-dialog-contain {
width: 92.5%;
max-width: 500px;
margin: 10% auto 15px auto;
padding: 0;
position: relative;
top: -15px;
}