css3의 zoom을 통해 이미지 리사이징 해결. 정보
css3의 zoom을 통해 이미지 리사이징 해결.
본문
현재 모바일 관련 웹페이지를 만들다가 zoom을 접목시켰는데 깔끔하게 잘 작동을 합니다.
(사파리 혹은 모바일 사파리 최신버전에서)..
아직까지는 이 속성을 제공하는 브라우저들이 많지가 않지만, 나중에 이것을 사용하게 되면 css를 통해서 쉽게 이미지 리사이징이 가능할 것 같네요. 속성 값 변경, 자바스크립트, 썸네일 등의 방법에 하나 추가해도 될 것 같네요.
아래와 같이 퍼센테이지 값을 구한다음에 style에 기입을 합니다.
$max_width = 800;
$percentage = floor($max_width/$width * 100);
echo "<img style='zoom:".$percentage."%;' src=.....
(사파리 혹은 모바일 사파리 최신버전에서)..
아직까지는 이 속성을 제공하는 브라우저들이 많지가 않지만, 나중에 이것을 사용하게 되면 css를 통해서 쉽게 이미지 리사이징이 가능할 것 같네요. 속성 값 변경, 자바스크립트, 썸네일 등의 방법에 하나 추가해도 될 것 같네요.
아래와 같이 퍼센테이지 값을 구한다음에 style에 기입을 합니다.
$max_width = 800;
$percentage = floor($max_width/$width * 100);
echo "<img style='zoom:".$percentage."%;' src=.....
추천
0
0
댓글 4개
평소 무게가 느껴지는 글들을 쓰시더니 역시나 괜찮은 무언가를 준비하시고 계셨나보네요. 홈페이지 여기저기 둘러봤는데 촌놈이 서울 구경한 느낌이었습니다.
무게가 느껴지는 글이라뇨ㅋㅋ 동료들과 정치인을 씹는게 취미인지라 관련 이야기를 좀 남기기는 했네요; 아직까지도 배우는 단계이고 sir에서 다른 분들을 통해서 많이 얻어가고 있습니다.
그래도 홍구님은 50대 50비율로 정치이야기 하시는 거죠!! 전 선거기간 내내 99% 정치얘기만 하다가 사람 다 떨어져 나가고ㅎㅎㅎㅎ
정치글 1년 쓰고 나면 주위에 고양이와 개만 남을 거라는 생각을 했습니다.
아참! 시작하신거 이왕이면 대박나셈!!!
정치글 1년 쓰고 나면 주위에 고양이와 개만 남을 거라는 생각을 했습니다.
아참! 시작하신거 이왕이면 대박나셈!!!
일현님 댓글은 공감이 가서 그런지 늘 재밌게 읽고 있습니다(고양이 얘기도ㅎ)^^