这是一个相当奇怪的问题,但请帮助我至少找到一个解决办法或可能性。
在我们的网站上,我们有一些圆形按钮与居中的"+",打开一组其他按钮的底部时,点击。
这些弹出按钮只有图标作为中心内容,每一个贴合24 to的宽度和高度。对于对中,我们使用的方法与left: 50%
和top:50%
以及transform:translate(-12px,-12px)
--除了挠性盒方法之外的通常的对中方式。
在我们所有的测试中,这些图标的中心相当集中(当然,交叉浏览器和交叉设备总是有一些像素差异)。
现在剩下的最后一个问题是,在联想ThinkPads (浏览器的选择)上,图标离它们应该的位置很远,就像左边或底部的5到6个像素。我们至今还想不出怎样才能解决这个问题。
在任何其他设备上,让它是一台笔记本电脑或一台固定的电脑,安装了相同的Windows和浏览器,它正在按预期显示。
我现在的问题:有人知道为什么联想ThinkPads会以不同的方式显示这些图标吗?联想ThinkPads是否有不同的渲染方式,或者是我们不知道的东西?
非常感谢你可能的回答。
发布于 2017-12-07 14:54:41
大家好所有感兴趣的人,
我们在字体系列中发现了这个问题:“物质图标”。这个CSS在联想ThinkPads上添加了不自然的行为,在一些图标的右侧添加了奇怪的空格。
谢谢你的建议和帮助:)非常感谢。
https://stackoverflow.com/questions/46906400
复制相似问题