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

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

WBOY
發布: 2016-06-24 12:26:32
原創
1534 人瀏覽過

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板