여러가지 기기의 중단점(breakpoint)
반응형 웹디자인을 만들때 특정 중단점을 기준으로 디자인을 구상하는 것은 현명하지 못한 결과를 초래한다. 수많은 기기의 뷰포트들을 각각의 중단점에 맞게 디자인을 구상하지 말고 전체를 아우르는 유동성있는 디자인이 작업의 노고를 줄이는 지름길이다. 다만 경우에 따라 특정 기기들의 뷰포트가 필요한 경우가 있기에 이를 조사해봤다. 스마트폰(Smartphone) 아이폰(iphones) /* ----------- iPhone 4 and 4S ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-rat..
