默认情况下,jQuery Mobile填充整个屏幕宽度。有没有办法指定jQuery Mobile应该填充的大小,比如提供一个元素来填充?为jQuery Mobile设置大小?
4
A
回答
0
你可以简单的通过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");
0
尺寸是自动的。如果在页面div之外创建div
并将其设置为浮点型和宽度(以像素为单位),则它应该在页面div旁边正确显示。
3
只需在CSS文件中设置此行。让它变得非常简单。如果喜欢,则将最大宽度更改为宽度。
.ui-page { max-width:500px; }
相关问题
- 1. jquery mobile将我的屏幕大小设置为100%
- 2. 将设置大小设置为TreeSet
- 3. JQuery Mobile DateTime设置为当前
- 4. 用jquery mobile为iOS设置phonegap
- 5. 设置为CharSequence大小
- 6. 为rmiregistry设置堆大小
- 7. 设置大小
- 8. jQuery UI Draggable设置拖动大小
- 9. 在jquery中设置字体大小
- 10. 设置最小/最大日期jquery Datepicker
- 11. Jquery Mobile弹出屏幕大小
- 12. Jquery Mobile中的按钮自动大小
- 13. jQuery Mobile的默认字体大小
- 14. Leaflet&jQuery Mobile - 调整大小问题
- 15. Jquery Mobile + Phonegap的字体大小不同
- 16. jQuery Mobile textarea调整大小问题
- 17. Jquery Mobile 1.3和输入大小问题?
- 18. jquery mobile中的简单窗口大小
- 19. JQuery Mobile中的Navbar按钮大小
- 20. 设置大小UIImageView
- 21. 设置SharedObject最大大小
- 22. 设置WebView大小
- 23. jQuery UI可调整大小:以编程方式设置大小?
- 24. 在jQuery中设置JQuery Mobile滑块值
- 25. 将小部件大小设置为其他大小的一半
- 26. 设置旋转箱位置JQuery Mobile(css)
- 27. 设置UIImageView大小?
- 28. UIScrollView设置大小
- 29. 设置大小android.R.layout.simple_dropdown_item_1line
- 30. 如何使用jquery将背景大小设置为100%?
自'data-role =“页面指定'#wrapper'的宽度不起作用''div有'position:absolute'。你提供的jQuery片段确实会改变宽度,但它保留在页面的左上角,而不管它的容器位于何处。 – mindeavor 2011-03-06 20:03:57
更不用说那是围绕着jQuery Mobile提供的框架。当您只需使用已有的包装或类时,无需添加额外的包装或类。 – commadelimited 2012-03-14 19:53:47