我用div绝对定位布局网页,宽度设置的百分之百,可我把分辨率改到1024的时候网页有一半显示不出来
我用div绝对定位布局网页,宽度设置的百分之百,可我把分辨率改到1024的时候网页有一半显示不出来这样的话改如何解决,请大家多给几种意见。...
我用div绝对定位布局网页,宽度设置的百分之百,可我把分辨率改到1024的时候网页有一半显示不出来这样的话改如何解决,请大家多给几种意见。
展开
1个回答
展开全部
要想让网页在1024*768时居中,只要在网页原代码的<body>后紧加一句<center>,</body>前加一句</center>就OK了。不过有几个问题这是要注意一下,,表格、单元格的宽度单位最好要使用像素单位,而不要用百分比。例如width=770。如果你的表格宽度设的是百分,网页就会拉宽,这样网页可能会变形。在<body>中加入leftmargin=0,即<body leftmargin=0>这种情况下,800×600支持的表格宽度为780像素时不会出现滚动条。还有一点要注意的是不能用DW中的层来定位。
<html>
<head></head>
<body topmargin=0 leftmargin=0>
<center>
<table cellspacing cellpadding width=760><tr><td></td></tr></table>
</center>
</body>
</html>
或者自动获取分辨率
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>无标题文档</title>
<style>
.abc{ height:300px; border:1px solid #000; margin:0 auto}
@media screen and (min-width: 1201px) {
.abc {width: 1200px}
}
/* 设置了浏览器宽度不小于1201px时 abc 显示1200px宽度 */
@media screen and (max-width: 1200px) {
.abc {width: 900px}
}
/* 设置了浏览器宽度不大于1200px时 abc 显示900px宽度 */
@media screen and (max-width: 900px) {
.abc {width: 200px;}
}
/* 设置了浏览器宽度不大于900px时 abc 显示200px宽度 */
@media screen and (max-width: 500px) {
.abc {width: 100px;}
}
/* 设置了浏览器宽度不大于500px时 abc 显示100px宽度 */
</style>
</head>
<body>
<div class="abc">DIVCSS5实例:我这个DIV宽度会随浏览器宽度变化哦,试试改变浏览器宽度</div>
</body>
</html>
追问
如果我用div相对定位布局网页,改变分辨率会出现这种情况吗,我给我的body设置的1920px,只有图片是设置的100%,是不是把绝对定位改成相对顶就会好些呢,还是直接把你上面发的自动获取分辨率加上去就会好了呢
追答
你可以直接用自动获取的这个,把你的内容写在body里
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询