본문 바로가기

screen

(2)
고정 width 를 가진 웹페이지, meta viewport 로 모바일 기기별 해상도에 자동 맞추기 요즘 반응형웹이다 적응형웹이다 이슈가 장난 아니네요. 그러나, 둘다 모바일에 최적화 되어 있다고 할 수는 없어요. 요즘 나오는 모바일 기기는 PC 해상도를 상회하지만, 화면폭은 클 수가 없다는 겁니다.. ㅠ. 이럴 바에는 차라리 viewport 를 이용하는 것이 나아 보입니다. 물론, www 용과 mobile 용 웹페이지 2개를 운영해야 하겠지만서도요.. 암튼, 어떤 방법이든 장단점이 있으니까요. 여기에서는 모바일 홈페이지가 고정폭으로 적용된 웹사이트에서.. 어떻게 하면, 해상도가 서로 다른 모바일 디바이스에서 모두 한 방에 정상적으로 보이게 하느냐에 대해 다뤄봅니다. 초창기 스마트폰 해상도가, 320 인 시절이 있었지요. 이때 개발된 홈페이지들은 화면폭이 640 pixel 로 세팅되어 있어요. 320 ..
jQuery, 영역 범위 좌표 width height *. http://uix.kr/archives/649 - .height(), .width() : margin, border, padding 제외한 수치. 순수 element 영역 IE 에서 만약 element 가 꽉채워지지 않았다면 .height() 값은 세팅된 수치와 다를 수 있다. .width() 는 IE 에서도 세팅된 수치와 동일 Chrome 에선 .width() 나 .height() 모두 elelment 과 꽉채워지건 아니건 세팅된 수치와 동일 - .innerHeight(), .innerWidth() : margin, border 제외한 수치. element 와 padding 포함 영역. .height() 에 padding-top + padding-bottom 를 더한 값과 .width() 에 p..