IEO Menu
InfoLogin
:: 전체게시물:: HTML 특수문자C/C++JavascriptIT/TIP개발/TIP개발/리눅스관리OSX/Windows잡담/잡동사니라이딩일기자가정비/튜닝유머사진 모음
일부 영역/iframe 확대/축소, Zoom 처리
Read: 18432
2016-07-19 13:04:22
iframe 등을 불러올때 또는 특정 영역만 크기를 줄이고 싶을때가 있다. 이럴땐 다음과 같은 Css 코드가 있다.
그러나 이게... 그냥 원본사이즈에서 줄이는거라서...

예에서도 보이듯이 남은 영역은 그냥 공백이다. 이걸 처리하려면.. 원본사이즈의 200% Width 크기에에서 스케일링을 0.5 배 해주고, 남은 영역은 50% 컷....

귀찮다... 스케일링후 공백 제거 옵션 없나? 그래서 이걸 어떻게 처리했냐면...
결국 외곽 사이즈를 정해놓고, 내부 사이즈를 가로세로 200% 로 잡아서 0.5 스케일링을 했다.

만약 0.2 로 스케일링 하려면 iframe 은 500% 가 되어야 한다.

브라우저마다 동작하지 않을수 있으니 스케일링이 필요한 곳에서 적당히 이용하면 될듯..
아키텍쳐 나님이 보이기는 깔끔하고 좋다 하더라.
148장 6절 ~ ㅋㅋ
무한 귀차니즘 발동주의!!
이제 슬슬 미뤄뒀던 댓글이랑 공지게시판 처리를 해야 하는데.. 이놈의 귀차니즘.
개발/TIP
자바스크립트 - 쿠키
function setCookie(mName, mValue, mDay) { var expire=new Date(); expire.setDate(expire.getDate( ... more
2016-06-28 00:22:51
토쳐라이딩 | IEO.KR
IEO.KR의 사전 서면동의 없이 IEO.KR 사이트의 일체의 정보, 콘덴츠 및 UI등을 상업적 목적으로 전재, 전송, 스크래핑 등 무단 사용할 수 없습니다.