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@.

Posted by killofki
,