§ ITPOW >> 文档 >> XHTML

两个前端小问题的解决思路

作者:vkvi 来源:ITPOW(原创) 日期:2020-8-4

1、有一框,框中有一个列表,框最下方有一个按钮组。当列表数据量大时,发现最后一行总显示不全,总被按钮组挡住。

这个很明显,由于按钮组浮动在最下方,把它挡住了,解决方法:给列表增加 margin-bottom,或者下面增加一个 div 作为 placeholder,将列表撑上去。

2、有一个查询条,在平板上,看起来文字很小,于是进行了 150% 放大,结果查询条除了看了个别文字的一半,其他都看不到了。

开始我看行高很高,以为缩小行高就可以解决了,其实我是犯傻了,显示器缩放,通过行高无法解决。

真正原因是这个查询条使用了 table,table 宽度 100%,当放大时,原来的一个单元格可能横向就只能容纳一个字了,而行高很高,所以一撑就只能显示半截字,甚至都不显示了。但是根本原因并不是行高的原因,而是一个单元格横向太小了,我们能做的就是:把原来的查询条件拆分,比如拆成两行显示,让一个单元格宽一些。

相关文章