CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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 Sprite-map有多高/宽?全部内容,希望文章能够帮你解决CSS Sprite-map有多高/宽?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: