iOS SafariでIFrameを応答可能にする方法は？
問題は、IFrameを使用してコンテンツをWebサイトに挿入する必要がある場合、最新のWebの世界では、IFrameも応答することが期待されていることです。理論的にはそれは単純です。単純にaiderを使用する<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 id="Main"> <iframe height="950" width="100%" src="Content.html"></iframe> </div> </body> </html> Content.html： <html> <head> …