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

WBOY
Lepaskan: 2016-06-24 12:26:32
asal
1516 orang telah melayarinya

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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan