整页<iframe>
我有下面的示例代码。 除了移动设备上的浏览器以外，所有浏览器都可以正常工作。
溢出标签是问题。
适用于除手机之外的所有人：
margin: 0; padding: 0; height: 100%; overflow: hidden; 适用于所有移动设备而不是电脑：
margin: 0; padding: 0; height: 100%;
让它在两者上工作的最好方法是什么？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test Layout</title> <style type="text/css"> body, html { margin: 0; padding: 0; height: 100%; overflow: hidden; } </style> </head> <body> <iframe width="100%" height="100%" src="http://www.cnn.com" /> </body> </html>
这是工作代码。 适用于桌面和移动浏览器。 希望能帮助到你。 感谢大家的回应。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test Layout</title> <style type="text/css"> body, html { margin: 0; padding: 0; height: 100%; overflow: hidden; } #content { position:absolute; left: 0; right: 0; bottom: 0; top: 0px; } </style> </head> <body> <div id="content"> <iframe width="100%" height="100%" frameborder="0" src="http://cnn.com" /> </div> </body> </html>
这是我过去使用的。
html, body { height: 100%; overflow: auto; }
在iframe添加以下样式
border: 0; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%
它支持跨浏览器并且完全响应。
<iframe src="https://drive.google.com/file/d/0BxrMaW3xINrsR3h2cWx0OUlwRms/preview" style="position:fixed; top:0px; bottom:0px; right:0px; width: 100%; border: none; margin:0; padding:0; overflow: hidden; z-index:999999; height: 100%;">
