전체태그 보기

#iframe (5개의 포스트)

decody

iframe 높이 자동조절

3일 전0개의 댓글
style.css ~css myframe { width: 500px; min-height: 300px; overflow: hidden; border: 0; } ~ html ~html iframe src="./iframe.html" id="myframe"/iframe ~ js ~js var iframe = document.getElemen...
gamza

<iframe/> 실시간 리사이징

2019년 8월 29일0개의 댓글
iframe/ 을 사용하는 경우 해결해야할 대표적인 문제중 하나는 스크롤바를 없애는 것이다. "overflow : hidden" 으로 스크롤바를 무조건 가리는 경우 스크롤바는 사라지지만 내용물로 인해 여전히 스크롤바 없이 스크롤은 되는 상태이다. 스크립트를 활용해야 한다. // [jQuery] $iframe.on("load",function(){...
gamza
iframe/ 을 통해 노출된 페이지에서 CSS 의 깨짐 현상이 있었다. 크롬 개발자도구로 일반 페이지와 스타일을 비교한 결과 table 태그에 user agent style 이 override 되어있었다. 아무래도 부모페이지를 통해 브라우저 기본 스타일이 다시 적용되는 모양이다. 검색을 통해 해결책을 찾았다. iframe/ 이 호출하는 페이지 상단...
gamza
iframe 사용 시 CSS 링크의 MIME type error 로 인해 iframe 내부의 디자인이 깨지는 현상이 있었다. 1. 검색을 통해 다음의 과정을 거쳤다. 1) link 태그의 rel="stylesheet" 속성을 삭제해본다. - 에러코드는 없어졌지만 CSS 파일을 불러오지 않았다. 2) CSS 파일에서 주석을 삭제해본다....
decody
모바일에서 하위 iframe에서 부모페이지의 width 값을 가져올 때, 실제 width값을 가져오지 못하는 오류가 있다. Chrome에서 개발자 모드로 iframeScreenWidth와 parentScreenWidth를 체크하면 값이 같게 나온다. 하지만, 실제 아이폰에서 alert를 띄어 두 값을 체크하면 다르게 나온다. 그래서 실제 부모 페이지의 wi...