带有CSS

时间:2018-03-02 02:05:22

标签: javascript html css

目前使用背景图像的宽高比来调整包含它的Div的大小。

我使用padding-bottom(imgwidth / imgheight * w)来表达它的响应高度"。

它完美排列,直到我开始放大和缩小不同的屏幕尺寸。 100%宽度以上是完美的(仅因为我将最大尺寸锁定在1500或者我认为我还有相同的问题)。

但是以90%的速度放大,我开始在两者之间找到差距,因为我有两个背景div,一个在另一个之上。

它的起因是因为,例如:

padding-bottom: calc(100% * 600 / 1500);

放大时返回小数点,并且正在为像素舍入值。

有解决方案吗?或者一些可以纠正它的JavaScript?

0 个答案:

没有答案