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没有取正确

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

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

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

亲,水平居中的话吧position,left,top去掉,加上margin-left:auto;margin-right:auto;就可以水平居中了

最简单的实现方式:仅提供一个思路。可以自己完善。 var oBtn = document.getElementById('btn');var oDiv1 = document.getElementById('div1');var oDiv2 = document.getElementById('div2');oDiv2.style.cssText = 'width:'+(oDiv1.offsetWidt...

$(window).resize(function(){ resizeWindow(); }); function resizeWindow(){ var winH = $(window).height(); $("div").css('height',winH+'px');//这里的div,选择你的那个div }

首先设置两个div,假设给出id分别为a和b,b始终为a的宽度的二分之一。 js代码为: var diva=document.getElementById("a"); var divb=document.getElementById("b"); var wid=diva.offsetWidth; function jt(){//定义监听a大小变化的函数 var wi...

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

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