我正在开发一个应该有流畅布局的网站。我目前面临一个两难境地:我应该使用css sprite还是选择内嵌图像?
所有图像都需要流畅,并在每个相应的屏幕尺寸上缩小/放大尺寸。我想使用CSS精灵图像,但这意味着我需要识别所有主要的屏幕宽度,然后用相应的宽度切片所有图像并将它们添加到我的精灵...
我的问题是:在流畅/响应式设计中渲染图像的最佳方法是什么?精灵,内联图片或两者结合?
谢谢!
答案 0 :(得分:1)
就我个人而言,我认为精灵有点不必要,互联网现在足够快,只需使用单独的bg图像。使用媒体查询显示正确的图像,并使用background-size:cover限制流体设计中的大小;或包含。