ȸ¿ø°¡ÀԡžÆÀ̵ð/ºñ¹øã±â
ȨÀ¸·Î

iframe ³ôÀÌ 100% ¸ÂÃß±â
5³â Àü
¿äÁò ¸ÅÀÏ NBA Æ÷½ºÆø¸ ÇÏ´Ùº¸´Ï ½º½º·Î Á» ¹Î¸ÁÇϱ⵵ Çؼ­ iframe °ü·Ã °£´ÜÇÑ Æ÷½ºÆÃÀ» ÇÏ·Á ÇÑ´Ù.

iframeÀº ´ÙÀ½°ú °°ÀÌ ¾´´Ù.


<iframe src="http://ubang.tistory.com/" width="100%" height="200px"></iframe>
height="200px" ´ë½Å height="100%" ÀÌ ÇÊ¿äÇÒ °æ¿ì°¡ ÀÖ´Ù. ÇÏÁö¸¸ ÀÌ´Â Á¦´ë·Î Àû¿ëµÇÁö ¾Ê´Â´Ù. À̸¦ ÇØ°áÇϱâ À§Çؼ­´Â css styleÀ» ´ÙÀ½°ú °°ÀÌ ÁÖ¸é µÈ´Ù.


<iframe src="http://ubang.tistory.com/" style="display:block; width:100vw; height: 100vh"></iframe>
vw´Â view-port width, ¸¶Âù°¡Áö·Î vh´Â view-port height¸¦ ÀǹÌÇÏ´Â ´ÜÀ§·Î, »ç¿ëÀÚ°¡ º¸´Â ½ºÅ©¸°À» 100 ±âÁØÀ¸·Î Àç´Â ´ÜÀ§ÀÌ´Ù.

¾Æ·¡´Â iframe¿¡ ´Ù¸¥ ½ºÅ¸Àϵµ Àû¿ëÇÑ ¿¹ÀÌ´Ù.


.iframe100 {
display: block;
border: none;
height: 100vh;
width: 100vw;
}

<iframe src="http://ubang.tistory.com/" class="iframe100"></iframe>
ÂüÁ¶ ¸µÅ©
http://stackoverflow.com/questions/5867985/full-screen-iframe-with-a-height-of-100
vw, vh ¿ÜÀÇ ´Ù¸¥ ¹æ¹ýµµ ÇÊ¿äÇÒ °æ¿ì¿¡ ÂüÁ¶ÇÏÀÚ

ÃßõÃßõ : 205 Ãßõ ¸ñ·Ï
¹øÈ£ Á¦¸ñ
48
iframe »ç¿ë½Ã ÇÏ´Ü¿¡ ¹ß»ýÇÏ´Â °ø¹é Á¦°Å¹æ¹ý
47
¾ÆÀÌÇÁ·¹ÀÓ(iframe) ºñÀ² À¯ÁöÇϸ鼭 Å©±â Á¶ÀýÇÏ´Â ¹æ¹ý
46
[HTML5]¿¡¼­ frameset ´ëü ¹æ¹ý°ú iframe ¼Ó¼º
45
À©µµ¿ì10 ½Ã½ºÅÛÆÄÀÏ ¼Õ»ó (ÃÊ°£´Ü ¿À·ù º¹±¸¹æ¹ý!!)
iframe ³ôÀÌ 100% ¸ÂÃß±â
43
À©µµ¿ì10 ½Ã½ºÅÛ ÆÄÀÏ ¹× Dism °Ë»ç
42
´Ù¸¥ µµ¸ÞÀΰ£ iframe Å©±â ÀÚµ¿Á¶Àý
41
ÇÁ·¹ÀÓÀ¸·Î ³ª´²Áø ÆäÀÌÁö¿¡¼­ »õ·Î°íħ½Ã ÇöÀç ÆäÀÌÁö À¯ÁöÇϱâ
40
iframe resize ÇÔ¼ö
39
ºê¶ó¿ìÀú¸¦ µ¿ÀûÀ¸·Î ºÎµå·´°Ô ¸®»çÀÌÁî
38
À©µµXP, ¹ÙÅÁÈ­¸é¿¡¼­ »ç¶óÁø ÀÎÅÍ³Ý ÀͽºÇÃ·Î¾î ¾ÆÀÌÄÜ ¸¸µé±â
37
·¹À̾î, Åõ¸íÇÏ°Ô , Áß¾Ó¿¡ ¶ç¿ì±â.
36
iframe´ë½Å div¸¦ ÀÀ¿ëÇغ¸ÀÚ
35
DIV ·¹ÀÌ¾î ¼Ó¼º
34
Æ˾÷â Ç×»ó À§ ¼Ò½º, ºÎ¸ðâ°úÀÇ À¯µ¿ÀûÀÎ ¿î¿µ ¼Ò½º Æ÷ÇÔ
33
À©µµ¿ì ¹Ìµð¾î Ç÷¹À̾î À§¿¡ ·¹ÀÌ¾î ¿Ã¸®±â
32
[script] iframe ÀÚµ¿¸®»çÀÌÁî(ÆÄÀ̾îÆø½º, Àͽº Áö¿ø)
31
IFRAME-x ÀÌ¿ëÇÑ InnerBrowsig
30
À¥ÆäÀÌÁöÀÇ ¿øÇÏ´Â ºÎºÐ¸¸ Àμâ
29
¾öû °£´ÜÇÑ iframe Å©±â ÀÚÁ¾ Á¶Àý ½ºÅ©¸³Æ®
28
iframe¸¦ ÀÌ¿ëÇØ ÆäÀÌÁö À̵¿¾øÀÌ µ¥ÀÌŸ ó¸®Çϱâ
27
¹®ÀÚ¿­ ÀÚ¸£±â (°Ô½ÃÆÇ Å¸ÀÌƲ µî¿¡ ÀÀ¿ë-Çѱۿµ¼ýÀÚ Æ¯¼ö¹®ÀÚ Áö¿ø)
26
¿ÜºÎ¹®¼­ ¾ø´Â ¾ÆÀÌÇÁ·¹ÀÓ
25
â»çÀÌÁî º¯°æ ±ÝÁö Çϱâ
24
iframe ¹è°æ Åõ¸íÇÏ°ÔÇϱâ
23
"800x600"ºÎÅÍ "1024x768"±îÁö "°¡º¯ Æø", ±× ÀÌ»óÀº "°íÁ¤ Æø"(style/css)
22
·¹ÀÌ¾î º¸À̱â/¼û±â±â
21
¸ÞŸÅÂ±× ¸¦ ÀÌ¿ëÇÑ ÆäÀÌÁö ·Îµù
20
¾ÆÀÌÇÁ·¹ÀÓ ´ë¿ëÀ¸·Î »ç¿ëÇÒ¼ö ÀÖ´Â OBJECT ű×
19
À¯µ¿ÀûÀÎ ³»¿ëÀ» °í·ÁÇÑ ·¹À̾î À§Ä¡½ÃÅ°±â
12
¸ñ·Ï
¹ÂÁ÷Æ®·ÎÆ® ºÎ»ê±¤¿ª½Ã ºÎ»êÁø±¸ °¡¾ßµ¿ ¤Ó °³ÀÎÁ¤º¸Ãë±Þ¹æħ
Copyright ¨Ï musictrot All rights reserved.