1)
CSS 에 zoom 이라는 항목이 있습니다.
이 항목이 chrome, safari 와 IE 에서 적용 가능한 항목인데요,
실제로 표현하면 어떻게 될까..라는 생각으로 시험해봤습니다.
...
2)
<IMG style="ZOOM: 0.1%" src=http://cfs.tistory.com/custom/blog/42/429787/skin/images/_img_1.jpg ><br />
123<br />
<IMG style="ZOOM: 0.1" src=http://cfs.tistory.com/custom/blog/42/429787/skin/images/_img_1.jpg ><br />
<IMG style="ZOOM: 10%" src=http://cfs.tistory.com/custom/blog/42/429787/skin/images/_img_1.jpg ><br />
<br />IE8, FireFox, Opera : show<br />
chrome, Safari : hidden<br />
<br />
...
3)

123


IE8, FireFox, Opera : show
chrome, Safari : hidden
...
4)
샘플 내용에 적어놓은 것 처럼(?),
chrome 과 Safari 브라우져에서는 보이지 않고 (실제로는 무지 작기 때문이겠죠..)
IE8 과 FireFox, Opera 에서는 원본 그대로 보입니다..
5)
.. 그런데.. FireFox 과 Opera 에서는 zoom 이 적용 안된다고 치고,
IE8 에서는 왜 그냥 보일까요..
제 생각이 맞다면.. 0 이라고 인식해서..일 것 같네요.
기존에 width 나 height 가 생략되어도 <img 태그를 쓰는데 무리가 없었던 것 처럼,
자체적으로 0 값으로 인지되어버린 인자에 대해 "그럼 우리 뜻대로 하겠다.."라고 표현하는 것 같습니다.
6)
.. 물론,
123 아래쪽처럼 0.1 이나 10% 라는 형태를 인지하고 있으니
분명 해석은 하고 있을겁니다. 1/1000 이라는 형태로요..
하지만, IE8 에서는
1% 까지는 적용 가능해도
0.1% 까지 적용할 여유를 쥐어주지는 않는 것 같습니다.
.. 뭐, 그런 이유인 것 같네요.
*추가*
IE9 이후버전은 테스트 못해봅니다.
주변에 그런 브라우져를 쓰는 PC 가 없어서요..
easyBow killofki@.
CSS 에 zoom 이라는 항목이 있습니다.
이 항목이 chrome, safari 와 IE 에서 적용 가능한 항목인데요,
실제로 표현하면 어떻게 될까..라는 생각으로 시험해봤습니다.
...
2)
<IMG style="ZOOM: 0.1%" src=http://cfs.tistory.com/custom/blog/42/429787/skin/images/_img_1.jpg ><br />
123<br />
<IMG style="ZOOM: 0.1" src=http://cfs.tistory.com/custom/blog/42/429787/skin/images/_img_1.jpg ><br />
<IMG style="ZOOM: 10%" src=http://cfs.tistory.com/custom/blog/42/429787/skin/images/_img_1.jpg ><br />
<br />IE8, FireFox, Opera : show<br />
chrome, Safari : hidden<br />
<br />
...
3)

123


IE8, FireFox, Opera : show
chrome, Safari : hidden
...
4)
샘플 내용에 적어놓은 것 처럼(?),
chrome 과 Safari 브라우져에서는 보이지 않고 (실제로는 무지 작기 때문이겠죠..)
IE8 과 FireFox, Opera 에서는 원본 그대로 보입니다..
5)
.. 그런데.. FireFox 과 Opera 에서는 zoom 이 적용 안된다고 치고,
IE8 에서는 왜 그냥 보일까요..
제 생각이 맞다면.. 0 이라고 인식해서..일 것 같네요.
기존에 width 나 height 가 생략되어도 <img 태그를 쓰는데 무리가 없었던 것 처럼,
자체적으로 0 값으로 인지되어버린 인자에 대해 "그럼 우리 뜻대로 하겠다.."라고 표현하는 것 같습니다.
6)
.. 물론,
123 아래쪽처럼 0.1 이나 10% 라는 형태를 인지하고 있으니
분명 해석은 하고 있을겁니다. 1/1000 이라는 형태로요..
하지만, IE8 에서는
1% 까지는 적용 가능해도
0.1% 까지 적용할 여유를 쥐어주지는 않는 것 같습니다.
.. 뭐, 그런 이유인 것 같네요.
*추가*
IE9 이후버전은 테스트 못해봅니다.
주변에 그런 브라우져를 쓰는 PC 가 없어서요..
easyBow killofki@.
'image area' 카테고리의 다른 글
zoom] transform-scale 처럼 적용하고 싶었지만, 실패.. (0) | 2012.08.21 |
---|---|
zoom & transform-scale] 확대/축소의 법칙을 표준화하고 싶었습니다. (0) | 2012.07.28 |
overflow:visible] div 의 크기가 영향을 받을지 궁금했어요. (0) | 2012.06.21 |
kTours] ..의 구조를 설명해볼까 합니다.. (0) | 2012.06.18 |
지도 살짝구현] 만우절 RPG 맵의 이미지를 스크랩했습니다.. 1편. (0) | 2012.06.06 |