jQery使网页在显示器上居中显示适用于任何分辨率
网页 显示 适用 分辨率 居中 任何 显示器
2023-06-13 09:15:27 时间
检测屏幕宽度,并设置为id为frame的div宽度,根据自己网页的最大宽度来调节,小demo最大宽度为1440
复制代码代码如下:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>无标题文档</title>
<scriptsrc="js/jquery.min.js"type="text/javascript"></script>
<script>
functiononWidthChange(){
varw=$(window).width();
x=(w-1440)/2;
$("#frame").css("width",w);
if(w<1024){
$("#frame").css("overflow","visible");
$("#webContent").css("margin-left",x);
}elseif(1024<w<1440){
$("#frame").css("overflow","hidden");
$("#webContent").css("margin-left",x);
}
setTimeout(onWidthChange,0);
};
</script>
</head>
<body>
<divid="frame"style="overflow:hidden;">
<divid="webContent">
//内容
</div>
</div>
</body>
</html>
相关文章
- springboot启动流程详解_网页解析的详细过程
- html显示当前脚本错误,访问网页总是提示当前网页脚本发生错误怎么办?「建议收藏」
- web前端网页设计制作_网页制作教程
- 微信公众号网页开发之拍照、上传本地图片
- php+mysql动态网站开发案例课堂_用php写一个网页页面
- macbook重设密码服务器错误_网页显示500错误
- 第一章 简单网页制作概述和DW软件使用
- 基于js原生算法+cocos游戏引擎+uni框架Cloud托管网页:开发2048小游戏域名发布版本
- 网页添加一个加载耗时显示
- 给网页去色_为什么有些网页进不去
- AWVS基本用法_awvs网页版使用教程
- 使用 Apaxy 美化网页目录浏览
- 怎样禁止页面下拉显示网页信息详解手机开发
- Hadoop故障处理全分布下,DataNode进程正常启动,但是网页上不显示,并且DataNode节点为空详解大数据
- 我的第六个网页制作:table标签详解编程语言
- 揭开网页突袭不再显示Redis(网页显示redis 关闭)
- 网页设计中色彩搭配的内涵
- 使用脚本控制网页Table的显示隐藏(全代码)_AX
- 用ajax的方法解决网页广告显示的问题
- 在你的网页中嵌入外部网页的方法
- utf-8网页不显示+utf-8网页乱码的通用解决方法
- 滚动条变色隐藏滚动条与双击网页自动滚屏显示代码
- JavaScript拖拽效果示例网页解决快速拖拽的问题
- 网页加载时页面显示进度条加载完成之后显示网页内容
- JavaScript在网页上单击鼠标的地方显示层及关闭层
- asp.net显示自己的网页图标的几种方式
- node.js正则表达式获取网页中所有链接的代码实例