是否可以使用“响应”'带有DIV背景图片标签的图片?

时间:2016-04-05 16:32:51

标签: html css image responsive-design

我希望使用从不同大小的数据库(都在砌体网格中)加载到我的网站中的精选缩略图选择

通常情况下,我只会使用(setq asd `(quote ,qwe)) ,但我会尝试使用特定的图片文件大小来提高带宽意识。我还想使用纵向方向为移动浏览器定位特定裁剪。

使用background-image:url(image.jpg); background-size: 100% 100%:属性时是否可以使用<picture>的功能,即media="(min-width: 40em) and (orientation: portrait)"

或者我应该使用background-imageimg代码?

1 个答案:

答案 0 :(得分:1)

使用图片标记以及媒体查询。这将解决问题,您将能够发送较小的版本,以防需要更小的图片大小。如果此处的带宽非常严重,那么您可能会考虑仅根据屏幕大小进行媒体查询。