流体设计的最佳实践是什么 - 使用css sprites或内联图像?

时间:2015-01-29 10:36:31

标签: css responsive-design sprite css-sprites fluid-layout

我正在开发一个应该有流畅布局的网站。我目前面临一个两难境地:我应该使用css sprite还是选择内嵌图像?

所有图像都需要流畅,并在每个相应的屏幕尺寸上缩小/放大尺寸。我想使用CSS精灵图像,但这意味着我需要识别所有主要的屏幕宽度,然后用相应的宽度切片所有图像并将它们添加到我的精灵...

我的问题是:在流畅/响应式设计中渲染图像的最佳方法是什么?精灵,内联图片或两者结合?

谢谢!

1 个答案:

答案 0 :(得分:1)

就我个人而言,我认为精灵有点不必要,互联网现在足够快,只需使用单独的bg图像。使用媒体查询显示正确的图像,并使用background-size:cover限制流体设计中的大小;或包含。