Viewport 고찰

여태까지 viewport 를 <meta name=”viewport” content=”width=device-width, user-scalable=no”> 이렇게만 써왔다. 가장 핵심적인 부분은 확대되지 않게 하고 각 디바이스 별 뷰포트의 너비를 맞추기 위해서..

근래에 가로모드를 활용한 페이지 제작을 진행했는데, 아이폰에서 폰트 크기가 커져 -webkit-text-size-adjust: none; 이런 것들을 적용하면서 온갖 뻘짓을 다 했다. 하지만 증상은 동일!

Viewport 에 *-scale 속성을 근 몇년간 쓰지 않았지만, 아이폰 사파리를 위해 init-scale 속성을 사용하여 증상을 해결했다. 더 완벽하게 하기위해 그냥 minimum-scale, maximum-scale 속성까지 모두 1로 주었다.

사용하면서 큰 이슈가 없어 쓸모없을거라 생각하고 쓰지 않았던 속성들을 하나하나 비교하고 필요 한 것들은 다시 사용해야 겠다.

Like what you read? Give Jeong MyoungHak a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.