关于div+CSS排版的疑问_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-21 09:03:21
asal
1070 orang telah melayarinya

本来刚开始接触web开发,现在在使用div+css进行排版的时候有一个困惑,如果用百分比对div进行高度设定,那么网页会随缩放变形,感觉不可取。但是用数值进行设定的话,该怎么确定总高度值呢?如果在我的电脑上合适的,在分辨率更高的电脑上,下面不是会空出来一段,显然很难看啊。。一般是怎么解决这个问题的呢?是用javascript根据具体情况动态设定么?求大牛们解惑,谢谢啦!


回复讨论(解决方案)

一个背景平铺占满整个屏幕,主题内容一般宽度在1200-1300左右,高度由内容而定。这个问题一般UI会帮你考虑的,做前端的话,关注好代码逻辑性就行~(但不代表不去接触UI,什么都该了解一点的~)

一个背景平铺占满整个屏幕,主题内容一般宽度在1200-1300左右,高度由内容而定。这个问题一般UI会帮你考虑的,做前端的话,关注好代码逻辑性就行~(但不代表不去接触UI,什么都该了解一点的~)



谢谢,我这不是正想了解嘛~~所以一般是怎么处理的呢?是不是要用的更高级的css技术?比如我看类似bootstrap有自适应什么的?~求稍微多指点一下

bootstrap 就是对各种可能遇到的布局问题进行优化,你只需要记住它的类名,看一下它的api,就知道怎么使用,非常方便。而且有许多交互也都写好了,直接调用就好了。

1 底色尽量用在最底层,以及内容可能最长的一层
2 实在要设置高度的话, { min-height: xxxpx;_height:xxxpx}
3 要用js的话 比较 document.body.clientHeight||document.documentElement.clientHeight 和 .scrollHeight 的差动态设置,还要捕捉resize()事件,效果不一定好.

Label berkaitan:
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