Develope
[HTML & CSS] 모바일 웹 개발 주의사항
rootable
2014. 10. 3. 22:36
반응형
1. overflow 속성을 사용해 스크롤을 넣을 수 없다.
- 대부분 적용할 수 없고 가끔 가능한 스마트폰 웹 브라우저도 있다 ( ex)갤럭시 넥서스 기본 내장 브라우저, 특수한 기능을 사용한 아이폰 )
- 넣고 싶다면 JavaScript를 이용하도록 !
2. 상태 선택자를 사용할 때 주의해야 한다.
- 스마트폰은 터치를 사용한다 -> hover 선택자와 active 선택자를 사용할 때 주의해라.
* hover 선택자 : 마우스가 링크 위에 있을 떄 / active 선택자 : 마우스가 링크를 클릭했을 때
3. 동위 선택자에 제한이 있다,
- 대부분의 웹 브라우저가 ~ 선택자를 지원하지 않으나 점점 지원하는 브라우저가 늘고 있다.
4. iOS의 웹 브라우저는 label 태그에 버그가 있다.
- ios 사파리는 label 태그를 눌러도 반응이 없으니 이를 해결하기 위해서는 label태그에 onclick 속성을 입력해야 한다,
<body>
<label for="name" onclick="">Name</label>
<input id="name" type="text" />
</body>
5. 안드로이드의 웹 브라우저는 대부분 CSS3 그레이디언트를 적용하지 못한다.
참고 : 모던 웹 디자인을 위한 HTML5 + CSS3
반응형