首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >联想ThinkPad网站上的图标

联想ThinkPad网站上的图标
EN

Stack Overflow用户
提问于 2017-10-24 09:08:06
回答 2查看 112关注 0票数 1

这是一个相当奇怪的问题,但请帮助我至少找到一个解决办法或可能性。

在我们的网站上,我们有一些圆形按钮与居中的"+",打开一组其他按钮的底部时,点击。

这些弹出按钮只有图标作为中心内容,每一个贴合24 to的宽度和高度。对于对中,我们使用的方法与left: 50%top:50%以及transform:translate(-12px,-12px) --除了挠性盒方法之外的通常的对中方式。

在我们所有的测试中,这些图标的中心相当集中(当然,交叉浏览器和交叉设备总是有一些像素差异)。

现在剩下的最后一个问题是,在联想ThinkPads (浏览器的选择)上,图标离它们应该的位置很远,就像左边或底部的5到6个像素。我们至今还想不出怎样才能解决这个问题。

在任何其他设备上,让它是一台笔记本电脑或一台固定的电脑,安装了相同的Windows和浏览器,它正在按预期显示。

我现在的问题:有人知道为什么联想ThinkPads会以不同的方式显示这些图标吗?联想ThinkPads是否有不同的渲染方式,或者是我们不知道的东西?

非常感谢你可能的回答。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-12-07 14:54:41

大家好所有感兴趣的人,

我们在字体系列中发现了这个问题:“物质图标”。这个CSS在联想ThinkPads上添加了不自然的行为,在一些图标的右侧添加了奇怪的空格。

谢谢你的建议和帮助:)非常感谢。

票数 0
EN

Stack Overflow用户

发布于 2017-10-24 09:17:48

您应该检查设备的器件像素比,在某些情况下,即使使用translate和适当的像素,也会导致问题。

这个网站可以帮助您获得细节。

使用媒体查询和可变像素比对它们进行目标:

代码语言:javascript
运行
复制
@media only screen and (min-device-pixel-ratio: 2) {
      /* your code */
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46906400

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档