(작성중)반응형 웹을 위해 해야할 것들

(작성중)반응형 웹을 위해 해야할 것들

2017. 7. 29. 21:52ㆍ[개발] 지식/Publish

1. viewport 설정

<meta name="viewport" content="width=device-width, initial-scale=1.0">

initial-scale=1.0 은 CSS와 device의 view간에 픽셀단위가 1:1 매핑이 된다는 의미이다.
반응형을 위해 width:100% 속성을 줄 경우, 이 메타 설정으로 인해 정확히 view의 100%만큼 보여지게 할 수 있다.

2. media-query

미디어 쿼리는 구 브라우저에서 지원되지 않는다.
별도의 polyfill을 적용하거나 지원되지 않는다는 가정하에 코딩해야 한다.

Lithium Flower