浏览器位置:绝对和小数截断?
我正在尝试使用 position:absolute
在 HTML5 中精确定位单个字符。
我尝试在 %
和 em
中指定 position
,但每个浏览器处理小数的方式不同,并且根据缩放级别,输出看起来不太好。
例如,12.005% 和 3.003em 可能会也可能不会使用小数部分,具体取决于相对于父级的缩放级别和大小。
有谁知道如何跨 chrome/firefox 解决这个问题? IE 9 也不错。
I'm trying to position individual characters precisely in HTML5 using position: absolute
.
I've tried specifying the position
in %
and em
, but every browser handles the decimals differently, and depending on the zoom level, the output doesn't look great.
e.g. 12.005% and 3.003em may or may not use the decimal portion, depending on the zoom level and size relative the parent.
Does anyone have any ideas on how to solve this problem across chrome/firefox? IE 9 would be nice as well.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我认为问题在于您正在使用流体测量(
%
和em
)来处理定位。如果您希望不同浏览器和屏幕尺寸的位置(大部分)相同,那么您需要使用
像素
。顺便说一句:您应该针对标准 100% 缩放级别进行设计。其他一切都太过难以预测。
I think the problem is that you are using fluid measurements (
%
andem
) to handle positioning.If you want your position to be the same (mostly) across browsers and screen sizes, then you need to use
pixels
.BTW: you should design for the standard 100% zoom level. Everything else is too unpredictable.