如何让DIV显示适应不同的分辨率?

时间:2022-05-21 19:27:36
最近做了个网站项目,但是在不同的分辨率下面显示不同,在高分辨率下显示有错位,不知道有什么办法可以使DIV的显示在不同分辨率下可以都显示一样的效果的,哪位大侠可指点一下小弟呀,不甚感激!

6 个解决方案

#1


一样的效果~~~
这个需求太模糊了

一般全部用相对定位 和百分比的数值控制
唯一需要精确控制的是 外部的容器

#2


我现在的DIV已经像下面这个样子显示
#schoolnews-04 {
position:absolute;
top:278px;
width:242px;
height:45px;
}

#schoolnews-05 {
position:absolute;
left:372px;
top:278px;
width:396px;
height:87px;
}
应该怎么样子改呀?

#3


你可以尝试用响应式布局 去做

#4


相对定位  百分比会好些的吧

#5


百分比尺寸
media query
js计算

都应该能达到要求

#6


百分比啊。或者用screenwidth screenheight获取分辨率后,设置对应的div高度和宽度,有错位可能是css没设置好吧

#1


一样的效果~~~
这个需求太模糊了

一般全部用相对定位 和百分比的数值控制
唯一需要精确控制的是 外部的容器

#2


我现在的DIV已经像下面这个样子显示
#schoolnews-04 {
position:absolute;
top:278px;
width:242px;
height:45px;
}

#schoolnews-05 {
position:absolute;
left:372px;
top:278px;
width:396px;
height:87px;
}
应该怎么样子改呀?

#3


你可以尝试用响应式布局 去做

#4


相对定位  百分比会好些的吧

#5


百分比尺寸
media query
js计算

都应该能达到要求

#6


百分比啊。或者用screenwidth screenheight获取分辨率后,设置对应的div高度和宽度,有错位可能是css没设置好吧