minimum-scale (2) 썸네일형 리스트형 고정 width 를 가진 웹페이지, meta viewport 로 모바일 기기별 해상도에 자동 맞추기 요즘 반응형웹이다 적응형웹이다 이슈가 장난 아니네요. 그러나, 둘다 모바일에 최적화 되어 있다고 할 수는 없어요. 요즘 나오는 모바일 기기는 PC 해상도를 상회하지만, 화면폭은 클 수가 없다는 겁니다.. ㅠ. 이럴 바에는 차라리 viewport 를 이용하는 것이 나아 보입니다. 물론, www 용과 mobile 용 웹페이지 2개를 운영해야 하겠지만서도요.. 암튼, 어떤 방법이든 장단점이 있으니까요. 여기에서는 모바일 홈페이지가 고정폭으로 적용된 웹사이트에서.. 어떻게 하면, 해상도가 서로 다른 모바일 디바이스에서 모두 한 방에 정상적으로 보이게 하느냐에 대해 다뤄봅니다. 초창기 스마트폰 해상도가, 320 인 시절이 있었지요. 이때 개발된 홈페이지들은 화면폭이 640 pixel 로 세팅되어 있어요. 320 .. 모바일 기기에 특화된 메타 태그 maximum-scale 을 1.0 이상으로 설정해도 user-scalable=no 이면 화면 확대/축소가 불가. 애플에서는.. user-scalable 이 no 라도,minimum-scale 을 1.0 이상으로 설정하면 initial-scale 값에 상관없이 최초 화면이 해당 크기로 확대.안드로이드에서는.. user-scalable 이 no 라면,minimum-scale 이나 initail-scale 값에 상관 없이 크기 불변.. ㅎㅎuser-scalable 이 yes 이면 사용자가 확대해 볼때 화면 사이즈가 변경.아직 통일이 안 되어 있음. 애플이나 안드로이드나 동일하게 작동하는 것은..아예 사이즈가 고정되는 것은 상기와 같고,사이즈를 일정하게 확대/축소 시키는 것은 아래와 같음.. target-de.. 이전 1 다음