반응형
웹 개발 시 본인의 컴퓨터에 있는 브라우저에 맞춰
레이아웃을 짰는데 다른 브라우저나 다른 컴퓨터에서
테이블이 깨지거나 스크립트가 실행이 되지 않는다거나 하는
문제가 발생합니다.
특히 IE가 대표적인데, IE 버전별, 호환성보기 유무에 따라
렌더링 차이가 극심합니다.
IE에서 호환성보기 유무, 버전의 렌더링 차이를 해결하기 위해
head 태그 안쪽 가장 상위에 메타(meta) 태그 를 한줄 추가합니다.
content에 들어가는 내용이 IE 버전입니다.
<meta http-equiv="X-UA-Compatible" content="IE=5">
<meta http-equiv="X-UA-Compatible" content="IE=6">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="X-UA-Compatible" content="IE=8">
<meta http-equiv="X-UA-Compatible" content="IE=9">
<meta http-equiv="X-UA-Compatible" content="IE=10">
Edge로 값을 주면 가장 최신 버전의 IE로 인식이 됩니다.
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
ex) 아래와 같이 <head>바로 밑에 메타 태그를 추가하면 스크립트 실행과 테이블 출력 등 호환성 보기가
IE 버전 9를 기준으로 실행됩니다
<head>
<meta http-equiv="X-UA-Compatible" content="IE=9">
</head>
반응형
'Language > HTML' 카테고리의 다른 글
| 라디오,체크박스 (radio, checkbox) 버튼 css (9) | 2013.07.24 |
|---|---|
| div iframe 퍼센트 높이조절 문제 해결(div, iframe height 100%) (2) | 2013.07.12 |
| HTML 웹표준, 유효성 검사 방법(W3C 지원) (0) | 2013.03.08 |
| HTML) 인쇄영역 나누기, 페이지 나누기 (16) | 2013.01.11 |
| 즐겨찾기에 추가 버튼 (0) | 2012.12.12 |
| 바탕화면에 바로가기 아이콘 변경 (0) | 2012.12.11 |
| 오른쪽 마우스 클릭 방지 (0) | 2012.12.03 |
| input="text"에서 커서 진입 시 한/영 default 값 설정(ime-mode) (0) | 2012.11.01 |
| input type="text"에서 onChange 사용하기(onPropertyChange) (0) | 2012.10.26 |
| window.showModalDialog 사용시 캐시 문제 (0) | 2012.10.10 |