• 분류 전체보기'에 해당되는 글 162건
  1. 2010.07.14 CSS Sprites 기법... 문제점...
  2. 2010.04.28 아이폰 사이트 제작기(1)

CSS Sprites 기법... 문제점...

작은 아이콘 같은 경우 각각의 파일로 존재한다면 매번 해당 파일을 로드 하기 위해서 HTTP접속을 하게 되는데... 이걸 줄이기 위해서 하나의 이미지에 아이콘들을 모아서 1번의 HTTP 요청으로 해당 아이콘들을 모두 로드 할수있다.
사용은 CSS의 background-position 속성을 이용해서 해당 이미지의 위치를 좌표로 잡아주고 해당 이미지의 영역 만큼의 사이즈를 적용하게 되면 된다.
그런데 문제가 있다.
해당 이미지가 정적인 이미지일 경우엔 문제가 없으나 마우스 hover효과를 통해 이미지의 position을 이동하게 될경우 이미지를 다시 요청하는 현상으로 인해 깜빡거리는 현상이 발생한다.
이럴경우 해당 이미지를 캐쉬해뒀다가 다시 사용하다록 하는 방법들이 있는데..
여러 방법들중 가장 효과적이라 생각해서 남겨둔다...
try {
	document.execCommand('BackgroundImageCache', false, true);
} catch(e) {}
저작자표시 비영리 동일조건
  • ,

아이폰 사이트 제작기(1)

회사의 솔루션의 아이폰용 사이트를 제작하다 생긴 문제 점이다.
화면 회전시 폰트 사이즈가 커져 버린다는 문제.
여기 저기 찾아다니다가 얻은 해결 방법!!

html {
-webkit-text-size-adjust: none;
}

이걸 추가 해줌으로 인해 화면 회전과 상관 없이 원하는 폰트 사이즈를 적용할수 있다.
저작자표시 비영리 변경금지

'IPhone' 카테고리의 다른 글

아이폰 긴급경고  (0) 2013.07.13
iOS 6.1.4 업데이트  (0) 2013.05.06
무료 1테라 공간  (0) 2010.03.04
  • ,
Return top
 

티스토리툴바