기본적으로 jQuery Mobile은 화면의 전체 너비를 채 웁니다. 채울 요소를 제공하는 등 jQuery Mobile에서 채워야하는 크기를 지정하는 방법이 있습니까?jQuery Mobile의 크기 설정?
4
A
답변
0
당신은 단순히 예를 들어
... CSS를 통해이를 지정할 수 있습니다
CSS
#wrapper {width:95%}
또한 이것을 동적으로 할 수
<!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>
HTML :
를$("div[data-role='page']").css('width',$("#container_element").innerWidth()+"px");
0
크기는 자동입니다. div
을 페이지 div 외부에 만들고 부동 소수점 및 너비를 픽셀 단위로 설정하면 페이지 div 옆에 올바르게 표시되어야합니다.
3
CSS 파일에이 줄을 설정하기 만하면됩니다. 정말 쉽습니다. 원하는 경우 최대 너비를 너비로 변경하십시오.
.ui-page { 최대 너비 : 500px; }
관련 문제
- 1. jquery mobile의 이미지 갤러리
- 2. jQuery Mobile의 전화 번호는
- 3. JQuery Mobile의 리디렉션 오류
- 4. jQuery-mobile의 양식 요소 만 사용하는 방법
- 5. JQuery Mobile의 라디오 버튼에 대한 툴팁
- 6. jQuery Mobile의 사용자 정의 테마 헤더 막대
- 7. 덜 CSS로 jQuery Mobile의 CSS 스타일 지움
- 8. TableCellRenderer의 탭 크기 설정
- 9. 톰캣의 힙 크기 설정
- 10. JPanel의 Java 설정 크기
- 11. Emacs의 탭 크기 설정
- 12. CLinkCtrl의 글꼴 크기 설정
- 13. JApplet : 프레임의 크기 설정
- 14. JSlider thumb의 크기 설정
- 15. UIView의 크기 설정
- 16. SharedObject 최대 크기 설정
- 17. 목록보기 크기 설정 Android
- 18. JFace 마법사의 크기 설정
- 19. ScrollBar 막대 크기 설정?
- 20. 대기열 크기 제한 설정
- 21. 파이프 버퍼 크기 설정
- 22. nsview 크기 설정
- 23. jQuery 쿠키 설정 속성
- 24. Windows Mobile의 Flash SMS
- 25. Windows Mobile의 연결 관리자
- 26. Windows Mobile의 iPhone 프로그램
- 27. Windows Mobile의 벡터 그래픽
- 28. 썸네일의 맞춤 크기 설정 JQUERY/FLICKR API에서 가져온 이미지
- 29. jquery mobile의 버튼에 사용자 정의 직사각형 아이콘 사용
- 30. Grails GSP 페이지 조각과 jQuery Mobile의 링크 문제
'data-role = "page"'div는'position : absolute'을 가지고 있기 때문에'# wrapper'에서 너비를 지정하면 작동하지 않습니다. 제공 한 jQuery 스 니펫은 너비를 변경하지만 컨테이너가있는 위치에 상관없이 페이지의 왼쪽 상단에 남습니다. – mindeavor
jQuery Mobile이 제공 한 프레임 워크를 사용하고있는 것은 말할 필요도 없습니다. 이미 존재하는 래퍼 또는 클래스를 사용할 수있을 때 추가 래퍼 또는 클래스를 추가 할 필요가 없습니다. – commadelimited