Viewport 이해하기 – responsive design 을 하기 위한 기초

Viewport 이해하기

http://www.slideshare.net/andreasbovens/responsive-design-techniques-and-tricks-to-prepare-your-websites-for-the-multiscreen-future

Responsive Web Design 반응형 웹디자인은 다양한 스크린 크기에 따라 다른 모습으로 렌더링을 할 수 있게 해주는 기법(기술)입니다. 이때의 스크린 크기는 디바이스의 하드웨어적인 스크린 크기라기 보다는 웹브라우저가 화면에 보여주는 스크린 크기가 되는데(두 개가 같을 수도 있지만) 이 것을 viewport 라고 하는 것 같습니다. viewport 에 대한 이해를 도와주는 프레젠테이션입니다.

그리고 viewport에 관한 유명한 글인

A tale of two viewports — part one
A tale of two viewports — part two

도 있습니다.