ใช้ 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>

 

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