目前使用背景图像的宽高比来调整包含它的Div的大小。
我使用padding-bottom(imgwidth / imgheight * w)来表达它的响应高度"。
它完美排列,直到我开始放大和缩小不同的屏幕尺寸。 100%宽度以上是完美的(仅因为我将最大尺寸锁定在1500或者我认为我还有相同的问题)。
但是以90%的速度放大,我开始在两者之间找到差距,因为我有两个背景div,一个在另一个之上。
它的起因是因为,例如:
padding-bottom: calc(100% * 600 / 1500);
放大时返回小数点,并且正在为像素舍入值。
有解决方案吗?或者一些可以纠正它的JavaScript?