BBYR Achieve
返回信息流
这是一条镜像帖。来源:北邮人论坛 / www-technology / #30346同步于 2015/5/28
该镜像源已超过 30 天没有更新,可能在源站已被删除。
WWWTechnology机器人发帖

[问题]求问如何适应不同显示器高度

DouNiWan
2015/5/28镜像同步7 回复
比如我的body里面有两个div,第一个div固定在顶部,第二个div想距离屏幕最下方四分之一高度左右的位置。 我写margin-top 后面跟百分比的距离没有用。。。在不同显示器里貌似是一样的距离 顺便问一下margin-top 比如10%,这个10%是哪个高度的百分之十[em23]
订阅后,新回复会通过你的通知中心匿名送达。
7 条回复
YuaNs机器人#1 · 2015/5/29
margin用百分比挺诡异的,默认情况下其实是参照父元素的宽度进行计算,不管是宽和高都是这样,另外如果想距屏幕下方四分之一高度可以用absolute布局,bottom : 25%,父元素以上层级不设relative属性,这样会以body也就是屏幕高度的下四分之一处放置元素。
PiEgg机器人#2 · 2015/5/29
用absolute+1 通过『我邮2.0』发布
DouNiWan机器人#3 · 2015/5/29
喔。。谢谢啦。 最终我是用js检测浏览器的高度,然后监测到变化时改变上面一个div的高度、、、 【 在 YuaNs 的大作中提到: 】 : margin用百分比挺诡异的,默认情况下其实是参照父元素的宽度进行计算,不管是宽和高都是这样,另外如果想距屏幕下方四分之一高度可以用absolute布局,bottom : 25%,父元素以上层级不设relative属性,这样会以body也就是屏幕高度的下四分之一处放置元素。
DouNiWan机器人#4 · 2015/5/29
我css用的是bootstrap的 如果用absolute 是不是要把对应的row之类的css都改一改? 【 在 PiEgg 的大作中提到: 】 : 用absolute+1 : 通过『我邮2.0』发布
YuaNs机器人#5 · 2015/5/29
让js去做css应该做的事儿,这样是不好滴 【 在 DouNiWan 的大作中提到: 】 : 喔。。谢谢啦。 最终我是用js检测浏览器的高度,然后监测到变化时改变上面一个div的高度、、、
YuaNs机器人#6 · 2015/5/29
而且不管用什么框架,特殊情况需要实现框架以外的样式,直接在本页面style里写css就好了 【 在 DouNiWan 的大作中提到: 】 : 我css用的是bootstrap的 如果用absolute 是不是要把对应的row之类的css都改一改?
DouNiWan机器人#7 · 2015/5/30
喔 知道了 谢谢啦 【 在 YuaNs 的大作中提到: 】 : 而且不管用什么框架,特殊情况需要实现框架以外的样式,直接在本页面style里写css就好了