如何使IFrame在iOS Safari中做出响应?
问题是,当您不得不使用IFrame将内容插入网站时,那么在现代网络世界中,人们期望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 id="Main"> <iframe height="950" width="100%" src="Content.html"></iframe> </div> </body> </html> 使用Content.html: <html> <head> …