Heim >Web-Frontend >HTML-Tutorial >如何让DIV显示适应不同的分辨率?_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 12:26:321532Durchsuche

最近做了个网站项目,但是在不同的分辨率下面显示不同,在高分辨率下显示有错位,不知道有什么办法可以使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没设置好吧

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn