什么是缩小手机背景图像的最佳方法?

时间:2014-08-20 17:21:18

标签: html css asp.net html5 css3

我有一个高质量的BG图像,可以在较小的设备上缩小。

目前检测到浏览器宽度,然后图像处理程序为该屏幕尺寸生成BG图像,这使得它在手机上很好而且很小。

问题是当用户调整窗口大小时。我有一些东西可以在调整大小后再次检测浏览器宽度,然后替换图像。问题是当用户调整大小时会出现闪烁,因此看起来并不好。

有什么想法吗?

由于

1 个答案:

答案 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%;
}