tnjk.net
当前位置:首页 >> 初学,想写一个js来让Div根据屏幕分辨率来居中,但... >>

初学,想写一个js来让Div根据屏幕分辨率来居中,但...

div居中直接css就可以办到的事情: .box{width:1170px;min-height:200px;margin:0 auto;} .box{position:absolute; top:0;left:50%;width:1170px;min-height:200px;margin-left:-585px;} //js居中方式引入jquery库 //如果要用到left样式属性的话...

我估摸着div.offetwidth没有取正确

var width = document.body.scrollHeight; //获取屏幕高度 document.getElementById("//自己设置个id 用bytagname会有兼容问题").style.margin-top

javascript screen对象获取屏幕宽高如alert(screen.height) availHeight 属性--窗口可以使用的屏幕高度,单位像素 availWidth 属性--窗口可以使用的屏幕宽度,单位像素 colorDepth 属性--用户浏览器表示的颜色位数,通常为32位(每像素的位数) pi...

function fullScreen(){ $("#container").css({"width":window.screen.width,"height":window.screen.height}); } $(window).resize(function(){ fullScreen(); }); fullScreen();

1,方案一:响应式来做,可以根据媒体查询,设定在不同屏幕宽度下div的高度和宽度,具体的设置看你响应式想怎么显示 @media only screen and (min-width: 100px) and (max-width: 640px) { div{ width: 100px; height: 100px; } } @media only screen...

window.onresize = function(){ var percent = 0.XX; //将div设置成浏览器高度的百分比 var myDiv = document.getElementById("divid");//根据id获取这个div myDiv.style.height= window.document.body.clientHeight*percent ; }

给你一段小代码,存成.html文件,用浏览器打开看看 水平垂直居中div演示效果 .align-center{ position:fixed;left:50%;top:50%;margin-left:width/2;margin-top:height/2;} 水平垂直居中div演示效果 我这里是这样的效果: 看一下代码,也许稍作...

首先你得有个高宽比(比例),根据这个比,用js计算就是了。 function resizeHeight(id,size){ var ele = document.getElementById(id); var width = ele.offsetWidth; ele.style.height = size*width+"px"; } 说明:id是div的id(String),size...

div实现水平居中只需要设置固定宽度和margin:0 auto即可, 给你2个解决方案: 1、条件是div的高度和宽度是固定的 让层垂直居中 其实解决的思路是这样的:首们需要position:absolute;绝对定位。而层的定位点,使用外补丁margin负值的方法。负值的...

网站首页 | 网站地图
All rights reserved Powered by www.tnjk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com