이전
목록
다음
Gothrock

아이프레임(iframe) 높이(height:세로) 자동조절

묵공
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2017-12-18 (월) 22:05:46 · 18343 · 18

요즘 아이프레임을 쓸 일이 별로 없지만 프로그래밍을 하다가 보면 꼭 필요한 때가 있죠.

간단한 예제 올려봅니다.

--------------------------------------

<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<title>아이프레임(iframe) 높이(height:세로) 자동조절</title>
<style type="text/css">
*{margin: 0 auto;} 
body {} 
#my-iframe {display:block;border:none;height:100vh;width:100vw}
</style>
<head>
<body>
<iframe id="my-iframe" src="대상 url 기입" crolling="no" frameborder="none"></iframe>
</body>
</html>

--------------------------------------

뷰포트 (Viewport units: vw, vh, vmin, vmax) 단위 호환성은 아래 링크와 같습니다.

https://caniuse.com/#feat=viewport-units

--------------------------------------

 

|

댓글 18개

먹깨비짱
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2017-12-19 (화) 14:02:46
필요 했었는데 감사히 잘 쓰겠습니다.
세입자
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2017-12-19 (화) 14:51:06
감사합니다
그랑블루
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2017-12-20 (수) 09:41:15
좋은 정보 감사합니다
하늘이도우사
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2017-12-20 (수) 11:33:12
좋네요~~
포도믹스
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2017-12-20 (수) 13:04:17
감사합니다!!
마이뮤즈
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2017-12-20 (수) 14:35:35
좋은 정보 감사합니다.
천년만년
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2017-12-20 (수) 17:52:22
아이프레임 자주쓰는데 좋네요 감사합니다..
해피정
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2017-12-20 (수) 19:07:26
vh (Viewport Height) 단위를 알게 되서 기쁨니다.
html 5에서 추가된 규격인가 봅니다.
묵공
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2017-12-20 (수) 23:36:47
생각이상으로 추천과 댓글이 많네요. 이럴줄 알았으면 잘 정리해서 올렸을텐데 ㅎㅎㅎㅎ
무튼 감사합니다.
HIC
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2018-01-15 (월) 14:51:54
찾던 자료입니다! 감사히 쓰겠습니다!
쿱
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2018-02-08 (목) 16:42:08
감사합니다.
묵언수행
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2018-11-20 (화) 18:10:10
감사합니다
예술인생
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2019-04-02 (화) 23:28:20
애고 감사합니다.
예술인생
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2019-04-02 (화) 23:28:44
아이프레임(iframe) 높이(height:세로) 자동조절
탈퇴회원
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2019-10-24 (목) 18:51:23
감사히 잘 쓰겠습니다.^^
신용98
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2019-11-05 (화) 16:20:54
필요하던건데 감사합니다.ㅎ
만두먹고또먹고
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2022-07-11 (월) 09:48:56
감사합니다
제주도in
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2024-07-06 (토) 16:35:39
감사합니다.
댓글을 작성하시려면 로그인이 필요합니다.
+
제목 글쓴이 날짜 조회
18-01-01 조회 1.4만
18-01-01 조회 9,164
17-12-29 조회 1.2만
17-12-28 조회 1.5만
17-12-27 조회 8,568
17-12-27 조회 1만
17-12-27 조회 8,904
17-12-26 조회 8,789
17-12-22 조회 1.2만
17-12-20 조회 1.4만
17-12-18 조회 1.8만
17-12-17 조회 1.1만
17-12-16 조회 1.8만
17-12-15 조회 8,699
17-12-15 조회 9,445
17-12-14 조회 1.1만
17-12-14 조회 9,784
17-12-13 조회 1.2만
17-12-13 조회 1.3만
17-12-13 조회 8,424
17-12-12 조회 9,384
17-12-11 조회 8,694
17-12-11 조회 9,486
17-12-11 조회 1.4만
17-12-07 조회 1.3만
17-12-07 조회 7,985
17-12-05 조회 9,444
17-12-03 조회 8,182
17-12-03 조회 9,065
17-12-02 조회 1.3만
글쓰기