本文摘自PHP中文网,作者不言,侵删。
本篇文章给大家带来的内容是关于html实现窗口大小变化时页面刷新(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <!DOCTYPE html>
< html >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< meta http-equiv = "X-UA-Compatible" content = "ie=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0,user-scalable=no" >
< title >Document</ title >
< script >
//窗口大小变化时候,进行刷新页面操作,防止样式混乱
var x=window.innerWidth;
function resizeFresh(){
if(x!=window.innerWidth)
location.reload();
}
</ script >
</ head >
< body onresize = "resizeFresh()" >
< div style = "min-width:800px; height: 400px; background-color: brown;" >
</ div >
刷新页面
</ body >
</ html >
|
相关推荐:
阅读剩余部分
相关阅读 >>
Html怎么让图片居中
Html隐藏标签是什么
Html optgroup标签是什么意思?关于Html optgroup标签的用法和属性实例解析
Html colgroup标签怎么用
Html怎样使用超链接打开新窗口并且控制该窗口属性
Html怎么给文字加粗
Html怎么实现下拉菜单
Html怎么转换成pdf
htm与Html的区别是什么
Html中alt是什么意思
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html实现窗口大小变化时页面刷新(代码)