我有一个高质量的BG图像,可以在较小的设备上缩小。
目前检测到浏览器宽度,然后图像处理程序为该屏幕尺寸生成BG图像,这使得它在手机上很好而且很小。
问题是当用户调整窗口大小时。我有一些东西可以在调整大小后再次检测浏览器宽度,然后替换图像。问题是当用户调整大小时会出现闪烁,因此看起来并不好。
有什么想法吗?
由于
答案 0 :(得分:0)
如果您只是在寻找可缩小尺寸的BG图像,那么这应该可以完成这项工作:
http://codepen.io/anon/pen/gcmkw
HTML
<div class="bg-image">
<img src="http://mypages.valdosta.edu/asmccoy/Great-Mountains-mountains-and-waterfalls-9842020-1920-1440.jpg" alt="" />
</div>
CSS
.bg-image img {
width: 100%;
}