CSS Sprite-map有多高/宽?

前端之家收集整理的这篇文章主要介绍了CSS Sprite-map有多高/宽?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
让我开始说,我意识到反对做大型图像的CSS Sprites的论据.我甚至问 a question,为什么会被认为是一个坏主意(并添加answer of my own).现在我们已经说过了

我要做一个大的CSS Sprite地图.对于制作这个精灵图的过程,我需要知道为了让浏览器正确处理它,精灵图像的高度和/或宽度存在什么(如果有的话)限制.

这个问题背后的最终原因是关于是否在网格或单列/列中布置精灵图像的争论.例如:做4000×3000而不是400×30000是必要的还是有益的?

编辑:这里的关键不在于什么尺寸的图像可以,而是什么尺寸的浏览器可以处理精灵.鉴于迄今为止缺乏细节,我正在向前发展单列大型精灵.一旦完成,我会将我的经验的细节作为答案发布.

解决方法

有时这更像是下载时间.由于浏览器可以使用多个连接来下载文件,所以与一些较小的图像相比,巨大的图像可能需要更长的时间才能下载.

如果您的图像太大,以至于减慢页面加载速度,可能是考虑几个较小的精灵图像的时候了.

Direct-X 9的尺寸限制为4096像素,因此任何应用于这些元素的Internet Explorer过滤器都将以4096像素进行裁剪.

见:IE display transparency bug on height > 4096px?

猜你在找的CSS相关文章