0

我正在使用响应式设计中具有绝对位置的 babbles 创建数据可视化。所以我需要使用百分比来放置它们，然后是 px 中的值，以便将气泡的中心（而不是角）放置在指示的位置。由于 CSS calc 在移动平台上不起作用，我用 jQuery 来做

bubblecorr = '-=' + (sizePcts[h]*bubblesize)*0.5 + 'px';
$("#b"+h).css('left', horPcts[h]+'%').css('left', bubblecorr);
$("#b"+h).css('bottom', verPcts[h]+'%').css('bottom', bubblecorr);

其中，bubblecorr 是气泡半径的像素校正，sizePcts 是气泡的大小（来自 Array 并被校正为使用半径而不是总大小），horPcts % X 轴值 abd verPcts % Y 轴值。我想你可以想象这是在一个循环中。

奇怪的是：第一行和第二行在 Chrome、Safari 和 Firefox 中运行良好。第三个（底部重新定位）仅适用于 FIREFOX（在 Safari 和 Chrome 中跳过 % 值并仅使用 px 值）。

知道为什么会这样吗？谢谢！

4

0 回答 0