我已经开发了一段时间的浏览器扩展程序,并且没有遇到过CSS布局问题。我最近刚刚将扩展部署到一个更大的市场,并且已经收到一些错误报告,表明由于与元素的宽度差异为1px,因此UI元素被撞倒并变得不可见。所有计算都是相同的,但结果布局不同。
这对我来说似乎很奇怪。每个人都在使用最新版本的谷歌浏览器(v35),问题似乎已经本地化到Windows 8.1,尽管一个用户报告也在Ubuntu 14.0.4中看到它。
https://github.com/MeoMix/StreamusChromeExtension/issues/230
这是我应该在某处报告的错误吗?我可以从CSS / JavaScript中检测到操作系统吗?
正在寻找有关此事的更多信息,但Google并未出现太多信息。
我的.less文件中的实际CSS是:
#left-base-pane {
#playlist-title-region {
width: calc(~"100% - 106px");
...
}
}
但是当部署到某些操作系统时,它必须是"- 107px"
这里的用户已经打破了#104; - 106px":
在这里,它使用相同的浏览器/相同的浏览器版本在Windows 7上显示A-OK: