css3의 zoom을 통해 이미지 리사이징 해결.

현재 모바일 관련 웹페이지를 만들다가 zoom을 접목시켰는데 깔끔하게 잘 작동을 합니다.
(사파리 혹은 모바일 사파리 최신버전에서)..

아직까지는 이 속성을 제공하는 브라우저들이 많지가 않지만, 나중에 이것을 사용하게 되면 css를 통해서 쉽게 이미지 리사이징이 가능할 것 같네요. 속성 값 변경, 자바스크립트, 썸네일 등의 방법에 하나 추가해도 될 것 같네요.

아래와 같이 퍼센테이지 값을 구한다음에 style에 기입을 합니다.


$max_width = 800;
$percentage = floor($max_width/$width * 100);
echo "<img style='zoom:".$percentage."%;' src=.....