iframe框架自适应大小/全屏显示网页框架的方法
生活随笔
收集整理的這篇文章主要介紹了
iframe框架自适应大小/全屏显示网页框架的方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
簡介
全頁面全屏顯示iframe,并且隨網頁和顯示設備自適應,框架中的目標網頁支持自適應才可以實現自適應。
實例代碼
<!DOCTYPE html> <html> <head><meta charset="UTF-8"><meta id="viewport" name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"><title>自適應iframe框架</title><style>html,body,iframe{width: 100%;height: 100%;padding: 0;margin: 0}#wrap{width: 100%;height: 100%;}iframe{border: none;}</style> </head> <body> <div id="wrap"><iframe src="http://ym.ws58.net"></iframe> </div> </body> </html>本文部分內容來源于網絡,轉載請注明來源,如需投訴請聯系我們906270629@qq.com
總結
以上是生活随笔為你收集整理的iframe框架自适应大小/全屏显示网页框架的方法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: WordPress添加站点图标与底部备案
- 下一篇: MBTI性格测试