목록calc 기능 (1)

Martin`s Work

[CSS] calc 기능

사용범위 대부분의 브라우저는 다 지원하되, IE의 경우는 IE9 이상부터 지원한다. 각 브라우저마다 사용하려면 -webkit-(Chrome, Safari), -moz-(Firefox), -o-(Opera) 그리고, IE9 이하의 브라우저를 대비한 css를 작성해야한다. 기능 calc 기능은 자바스크립트에서 계산하던 방식과 동일하게 사용할 수 있어, 자바스크립트로 처리하던 부분을 상당부분 줄일 수 있다. 다만, 하위 브라우저까지 고려해야한다는 단점이 있어, 상황에 맞게 사용하면 좋은 기능인듯 하다. 12345678910111213141516171819202122232425 #div{ position:absolute; left:50%; top:50%; margin-top:-50px\0/IE8; /* IE8 ..
CSS&CSS3 2017. 3. 12. 10:52
Prev 1 Next