Rainbow

크로스 브라우징 : 브라우저마다 다르게 동작을 한다. - 웹 페이지 제작 시 모든 브라우저가 깨지지 않고 의도한 대로 나오게 작업한다. - 다양한 브라우저에서 동등하게 동작하는 것 Netscape (넷스케이프) - addEventListerener 사용 Ie (익스플로러) - attachEvent (어태치 이벤트) 사용 JavaScript - Navigator 객체 (2/3) : Navigator 객체 아래 명령을 통해 객체의 모든 프로퍼티를 열람할 수 있다. console.dir(navigator); appName : 웹 브라우저의 이름이다 IE 인터넷 익스플로러, 파이어폭스, 크롬은 넷스케이프로 표시한다. appVersion : 브라우저의 버전을 의미한다. 필자의 현재 브라우저 정보 아래와 같다 - ..

1. em : 부모 사이즈에서 곱한 사이즈 div {font-size: 14px} p {font-size: 1.2em} 일 경우, p의 사이즈는 14*1.2 = 16.8px 이 된다. 2. rem: 부모가 아닌 최상위 태그에서 곱한 사이즈 em을 사용하다보면 점점 사이즈가 커져버려서 제어가 힘든 상황이 온다. 이럴땐 rem을 쓴다. rem은 부모 사이즈에 상관없이 무조건 최상위 태그 사이즈에서 값을 곱한다. https://bomango.tistory.com/61 css 사이즈 태그 em, rem, vh, vw, vmin, vmax 완벽 정리 css 작성할 때 종종 em rem까지는 작성할 때도 있긴 한데, 보통은 귀찮아서 반응형일 때는 %에 의존하고 그 외에는 그냥 대부분 px처리 해버리곤 한다.. 하지..

상대 단위 상대(relative) 단위란 고정되지 않고 어떤 기준에 따라서 유동적으로 바뀔 수 있는 길이를 나타내는 단위입니다. 본 포스트에서 다룰 em과 rem을 포함해 %, vw, vh 등이 대표적인 CSS의 상대 단위입니다. 절대 단위 절대(absolute) 단위는 어떤 상황에서든 항상 고정된 길이를 나타내는 단위입니다. 대표적으로 예전부터 현재까지 많이 사용되는 px와 pt를 들 수 있고, cm나 in와 같은 실생활에서 많이 사용되는 단위들도 이 절대 단위에 범주에 속합니다. PX : 폰트의 크기를 고정하고 싶을 때 씁니다. - 가장 기본적으로 사용되는 단위입니다. - 이것은 픽셀단위라는 고정값에 따라 정해지기 때문에 화면의 크기나 확대와 같이 사용자가 임의로 정의할 수 없는 고정된 값을 말합니다..