css - 如何在 css 中实现无填充 Sprite ?

标签 css css-sprites sprite

在学习如何使用 css sprites 时,我很快注意到和/或读到最好在 sprite 内的所有图像之间留出 1 或 2 个空白像素空间,以避免在用户放大或缩小时其他图像渗漏。

在查看 Apple 主页时,我注意到他们不会这样做,而不会出现流血图像。我没有在他们的 CSS 中找到任何可以解释这一点的理由。

这怎么可能? ;)

最佳答案

如果您确切知道包含元素的大小,则无需在 Sprite 之间进行填充。问题来自于元素内部的某些东西导致它增长。例如,如果该元素内的文本必须使用后备字体,它最终可能会导致容器变大。

之所以推荐 Sprite 之间的填充,是因为它没有真正的缺点。它不会增加任何有意义的文件大小,并且当浏览器执行的操作与您的预期略有不同时,它会为您提供一点安全余量。

关于css - 如何在 css 中实现无填充 Sprite ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17455615/

相关文章:

css - 为什么我的 Sprite 在 iOS/Android 上不工作,但在 Safari/Chrome 上工作正常?

python - 从内存中永久删除 Sprite Pygame

css - Foundation 5 Canvas 外转换

html - HTML 标签下的额外空格

html - 使用 Bootstrap 类,为什么我的子 div 在父级之外流动,而​​不是只占用剩余的高度?

鼠标悬停时的 CSS1 Sprite 动画?

swift - 调整节点大小以适应 iPad Pro 屏幕

jquery - 将下拉选择输入转换为需要选择一个的单选按钮

css - 我可以减少 Image Sprite 的宽度和高度吗?

html - 使用带有 IMG 标签的 Sprite ?