新手问题 [已解决] sass 中如何查询屏幕大小

chairy11 · April 24, 2014 · Last by chairy11 replied at April 25, 2014 · 6419 hits

问题

因为不是平行关系,不能用 row 和 col-lg-2 之类。 我用 position:fixed 去做个全屏菜单,需要左边是二级菜单列,右边是三级菜单列。 那么,二级菜单列设为 160px 宽,三级菜单在二级菜单的右边,等于“屏幕宽度 -160px”。(不用固定 pix 的话,就能 responsive 了吧?) 这种计算怎么写啊?

或者大家看到什么好看的全屏的二三级菜单吗?可以给我发个链接吗?

(类似这种,但我希望是是全屏的宽度)

解决方案:

.class-name { width: calc(100% - 160px) }

.class-name { width: calc(100% - 160px) }

#1 楼 @fresh_fish COOL!太感谢了!

#1 楼 @fresh_fish 哦,还有另一个问题,如果我左边二级菜单的高度是可变的,有没有办法令右边的菜单高度与左边的相等呢?这时候要计算左边菜单的高度吗?

#1 楼 @fresh_fish Hi, 我发现如果我用 position:absolute 比用 position:fixed 好。 但这样的话,width: calc(100% - 160px) 好像计算结果不对,我想要 100% 代表的是全屏宽度。 你知道什么能获取全屏宽度的变量或公式吗?

You need to Sign in before reply, if you don't have an account, please Sign up first.