ใช้ iframe ให้ตอบสนองแบบเต็มหน้าจอ

 ใช้ iframe ให้ตอบสนองแบบเต็มหน้าจอ

         เมื่อใช้ CSS นี้จัดรูปแบบ iframe  จะทำให้ iframe ใช้พื้นที่ทั้งหมดของคอนเทนเนอร์หลัก คุณจะเห็นเนื้อหาสอดคล้องกับความกว้างของหน้าจอ

CSS Code

iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 0;
}

ตัวอย่าง การใช้งาน      

<!DOCTYPE html>
<html>
   <head>
      <base target="_top">
      <style>
        iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }

      </style>
   </head>
   <body>
      <iframe src="URL"></iframe>
   </body>
</html>

 



ที่มาครูสมชายคัดมาจาก : {getButton} $text={อ้างอิงที่มา} $icon={link} $color={red} 
>>>TRY TO CHECK OUT , IF ANY ERROR FOUND. PLEASE LET ME KNOW BY COMMENT.
I'LL TRY MY LEVEL BEST TO FIX THE PROBLEM.
                                                                THANKS FOR VISITING thumariya.blogspot
Have a nice day!
-------------------------- -------------------------
>>>ลองตรวจสอบหากพบข้อผิดพลาด โปรดแจ้งให้เราทราบโดยแสดงความคิดเห็น
ฉันจะพยายามระดับของฉันให้ดีที่สุดเพื่อแก้ไขปัญหา
ขอบคุณสำหรับการเยี่ยมชม thumariya.blogspot
ขอให้เป็นวันที่ดี!

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

{fullWidth}

แสดงความคิดเห็น (0)
ใหม่กว่า เก่ากว่า