带有div的CSS / PHP填充屏幕

时间:2011-06-03 16:22:33

标签: php javascript jquery html css

我正在尝试使用div填充屏幕,我正在考虑使用php根据屏幕重新生成动态调整div的大小,因此,例如,每行中总会出现16个div。

Example of DIV spacing

示例A是问题,在示例B中,我调整div的大小以适应屏幕。

那么,这有效吗?对于每个div的每个背景图像,我会有类似的东西:

/bgimage.php?id=123456&resize=125

通过将浏览器宽度除以16或每行中我想要的div数来计算调整大小。

我不确定使用这种方法,因为如果分辨率非常低,我不希望div看起来很小。

还有其他建议吗?使用CSS或javascript可以做得更好吗?

2 个答案:

答案 0 :(得分:2)

我不明白为什么你需要任何语言的脚本?

如果将每个div设置为向左浮动,宽度为6%,则无论屏幕调整大小,16个div都将占用宽度的96%。您可以将它们包含在另一个具有4%余量的div中,以处理剩余的4%。

答案 1 :(得分:0)

你可以单独使用CSS。只需将div的宽度设置为6.25%(100/16),然后为最小可能宽度设置最小宽度。

http://jsbin.com/ozuxa4

相关问题