首页 >web前端 >html教程 >如何让DIV显示适应不同的分辨率?_html/css_WEB-ITnose

如何让DIV显示适应不同的分辨率?_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:26:321524浏览

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


回复讨论(解决方案)

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

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

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

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

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

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

百分比尺寸
media query
js计算

都应该能达到要求

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

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn