- Chrome 브라우저에서 box-sizing: border-box 를 사용했을 때 브라우저 줌 레벨이 100%보다 작다면, select 엘리먼트를 사용한 선택 옵션을 사용하는 데 문제가 발생한다.
- IE 8은 min/max-width/height가 사용되었을 때 box-sizing : border-box 설정을 무시한다.
- Safari 6.0.x에서는 display: table 로 설정된 요소에 box-sizing 속성이 적용되지 않는다.
- IE 9는 해당 요소의 position : absolute | fixed일 때나, overflow: auto | overflow-y: scroll일 때, 스크롤바의 가로를 줄여버린다. (IE 9 will subtract the width of the scrollbar to the width of the element when set to position : abosolute/fixed, overflow: auto/ overflow-y: scroll)
- Android 브라우저는 HTML select element의 가로, 세로 면적을 정확히 계산하지 못한다.
- IE 8에서 min-width 속성은 해당 요소의 box-sizing 값이 border-box로 설정이 되어있어도, content-box에 적용이 된다.
'Front > HTML&CSS' 카테고리의 다른 글
iOS10 viewport user-scalable 적용 불가 문제 (0) | 2016.12.09 |
---|---|
[IE] position 초기화 해결법 (1) | 2016.12.08 |
반응형 박스 (0) | 2016.10.31 |
[IE] table 요소에 position과 background 사용 주의 (0) | 2016.10.26 |
<iframe>으로 올린 유투브 동영상 z-index 문제 (0) | 2016.10.19 |
댓글 로드 중…
트랙백을 확인할 수 있습니다
URL을 배껴둬서 트랙백을 보낼 수 있습니다