По умолчанию jQuery Mobile заполняет всю ширину экрана. Есть ли способ указать размер, который должен заполнять jQuery Mobile, например, предоставить элемент для заполнения?
Просто установите эту строку в своем файле CSS. Сделать это действительно легко. Измените max-width на width, если хотите.
.ui-page { максимальная ширина: 500 пикселей; }
Размер автоматический.Если вы создаете div вне div страницы и устанавливаете его как float и width в пикселях - он должен правильно отображаться рядом с div страницы.
div
Вы можете просто указать это через CSS ...
Например:
CSS
#wrapper {width:95%}
HTML
<!DOCTYPE html> <html> <head> <title>Page Title</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script> </head> <body> <div id="wrapper"> <div data-role="page"> <div data-role="header"> <h1>Page Title</h1> </div><!-- /header --> <div data-role="content"> <p>Page content goes here.</p> </div><!-- /content --> <div data-role="footer"> <h4>Page Footer</h4> </div><!-- /footer --> </div><!-- /page --> </div> </body> </html>
Вы также можете сделать это динамически:
$("div[data-role='page']").css('width',$("#container_element").innerWidth()+"px");