网页背景图片大小自适应，求解决…

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

Dive into HTML5

This topic created in 3796 days ago, the information mentioned may be changed or developed.

这是网页： c.wechatsale.com
1920×1080 分辨率全屏用 chrome 访问的时候没什么问题，一旦缩小浏览器窗口或者分辨率比较低就会出现问题，比如有钢琴的那张图片字会显示不全之类的
目前想到的解决思路是控制图片大小，强制缩小，保证图片能完全展示（更好方法会更好）
但是对这写不懂…特别是 JS 和 CSS ，大家给解决一下？

图片

缩小

网页

CSS

2 replies • 2015-12-10 10:42:28 +08:00

puny

Dec 9, 2015

如果是背景图片就：
background-size: cover;
IE9 以下：
filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='..', sizingMethod='scale');

或者直接 img 元素：
width:100%;
height:auto;

litianyou

Dec 10, 2015

@puny 修改了些已经解决底图问题了