티스토리 뷰
반응형
jQuery의 Mobile을 사용하면 스마트폰용으로 디자인을 할 수 있다.
IE9에서는 이미지가 깔끔하게 나오지 않고 효과도 볼 수 없다.
구글 크롬에서 완벽하게 테스트 해볼 수 있다.
아래 페이지는 BOINCSTATS 통계 보기를 모바일용으로 꾸민것이다.
http://simulz.kr/dev/boinc/create_user_img_mobile.php
Input의 type값을 search로 설정하면 아래처럼 내용 삭제 버튼이 추가 된다.
Select에 data-native-menu="false" 속성을 추가하면 아래처럼 바꿀 수 있다.
반응형
'PC&웹 > 웹프로그래밍' 카테고리의 다른 글
| MES 시스템 - 데이터 수집 분석 통계 웹프로그램 (0) | 2013.05.25 |
|---|---|
| (jQuery) QR 바코드 생성기 (0) | 2013.03.20 |
| (jQueryMobile) 모바일용 디자인 (0) | 2011.07.30 |
| (jQuery) 7세그먼트, FND 포트 계산기 (0) | 2010.03.29 |
| (PHP) PNG 알파 적용 (0) | 2010.02.23 |
| Blackbird, 자바스크립트 디버깅 (0) | 2010.02.09 |
댓글