본문 바로가기

Yes

(2)
고정 width 를 가진 웹페이지, meta viewport 로 모바일 기기별 해상도에 자동 맞추기 요즘 반응형웹이다 적응형웹이다 이슈가 장난 아니네요. 그러나, 둘다 모바일에 최적화 되어 있다고 할 수는 없어요. 요즘 나오는 모바일 기기는 PC 해상도를 상회하지만, 화면폭은 클 수가 없다는 겁니다.. ㅠ. 이럴 바에는 차라리 viewport 를 이용하는 것이 나아 보입니다. 물론, www 용과 mobile 용 웹페이지 2개를 운영해야 하겠지만서도요.. 암튼, 어떤 방법이든 장단점이 있으니까요. 여기에서는 모바일 홈페이지가 고정폭으로 적용된 웹사이트에서.. 어떻게 하면, 해상도가 서로 다른 모바일 디바이스에서 모두 한 방에 정상적으로 보이게 하느냐에 대해 다뤄봅니다. 초창기 스마트폰 해상도가, 320 인 시절이 있었지요. 이때 개발된 홈페이지들은 화면폭이 640 pixel 로 세팅되어 있어요. 320 ..
웹브라우저 주소표시줄(창) 없애는 HTML/jQuery 코드 주소 표시줄 또는 주소 표시창을 없애는 방식이 애플 모바일 사파리에서 HTML meta 코드로 제공되는데,jQuery 를 사용하면 안드로이드 웹브라우저에서도 구현 가능합니다. 차이는 있습니다.. ^^.아래 1과 2 두가지 코드를 모두 사용하면 문제 해결입니다. ^^. 1. 애플 모바일 사파리안드로이드 기기에서는 아직까지 적용되지 않구요.. 앞으로도 아마 적용되지 않을 코드입니다. meta name 에 apple 이 들어가거든요..애플 OS 라도 모바일 기기의 iOS 에서는 구현되지만, 맥북이나 맥북 에어 등의 PC 에서는 적용되지 않구요. 2. jQuery$(window).load(function(){ setTimeout(scrollTo, 0,0,1);});이 코드도 body 에 구현되는 내용의 heig..