Chrom 크롬은 자동 업데이트가 되기 때문에 문제가 되지 않지만,
window 윈도우 사용자는 수동으로 업데이트를 해줘야 하기 때문에
아직 window 윈도우 IE 7~9 버전을 쓰는 분들이 있습니다.
문제는 CSS의 기능 중 window 윈도우 11 이하의에선 css가 적용이 안될 때가 있습니다.
예를 들어 display:flex 기능이 있다.
이럴 때 어떻게 해야하는지 알아보자.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/main.css">
<!--[if lt IE 10]>
link href="css.ie.css" type="text/css" rel="stylesheet"/>
<!-[endif]-->
</head>
<body>
</body>
</html>
head 태크 안에 조건부 if 로 CSS 파일을 첨부하면 된다.
반응형
'프로그램 > vscode' 카테고리의 다른 글
| 반응형 디자인 핵심 개념 (0) | 2024.06.11 |
|---|---|
| css 이미지 틴트 효과, 반응형 div 가로 2열 배치 방법 (0) | 2024.06.05 |
| 깃허브 - vscode와 터미널로 연결하기 (0) | 2024.04.19 |
| Flexbox 개념 설명 - 반응형에 필수 (0) | 2024.04.16 |
| float의 margin, 웹폰트 넣기, 폰트 안티앨리어싱 (0) | 2024.04.16 |