반응형
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
반응형
'Develope' 카테고리의 다른 글
| 일기장만들기 프로젝트 (0) | 2018.11.25 |
|---|---|
| [JavaScript] 실행 순서 유의 사항!! (0) | 2014.10.12 |
| [HTML & CSS] CSS 초기화 코드 (0) | 2014.09.29 |
| [HTML & CSS] CSS 여러 공식들 (0) | 2014.09.18 |
| [C언어] 문자와 문자열 관련 함수 (0) | 2013.11.05 |
rootable