【发布时间】：2014-08-17 12:33:07
【问题描述】：
我正在开发一个互动展示室。在这个陈列室中，参观者可以点击产品以获取包含该产品更多信息的灯箱。
见：http://codepen.io/xiniyo/pen/wLoxE
当您重新缩放浏览器时，是否可以将点始终保持在与下图相同的位置。正常宽度 = 1140px 最小宽度 = 960px。现在图像会缩放，但点始终保持在它们的绝对位置上。
我已经用 % 计算尝试过，但也没有用。图像的缩放速度比点快。
难以计算百分比？或一些Javascript。 或者是否可以从div的canter计算绝对位置？
【问题讨论】：
-
它应该与百分比一起使用，当屏幕尺寸太小时，您可能需要将点更改为更小的点。您也可以考虑使用图像而不是 bg 图像。我认为带有
contain的 bg 图像可能无法完美调整大小。以lexus.ca/lexus/en/automobiles/ls#/technology 为例 -
感谢您的重播，我会尝试雷克萨斯风格:)
标签： responsive-design position absolute interactive