จะทำให้ IFrame ตอบสนองใน iOS Safari ได้อย่างไร
ปัญหาคือเมื่อคุณต้องใช้ IFrames เพื่อแทรกเนื้อหาลงในเว็บไซต์จากนั้นในโลกเว็บสมัยใหม่คาดว่า IFrame จะตอบสนองได้เช่นกัน ในทางทฤษฎีมันง่ายเพียงแค่ผู้ช่วยใช้<iframe width="100%"></iframe>หรือตั้งค่าความกว้างของ CSS iframe { width: 100%; }อย่างไรก็ตามในทางปฏิบัติมันไม่ได้ง่ายขนาดนั้น แต่ก็สามารถทำได้ หากiframeเนื้อหาตอบสนองอย่างสมบูรณ์และสามารถปรับขนาดได้เองโดยไม่มีแถบเลื่อนภายใน iOS Safari จะปรับขนาดiframeโดยไม่มีปัญหาใด ๆ หากคุณพิจารณารหัสต่อไปนี้: <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=9,10,11" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Iframe Isolation Test</title> <style type="text/css" rel="stylesheet"> #Main { padding: 10px; } </style> </head> <body> <h1>Iframe Isolation Test 13.17</h1> <div …