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

V2EX = way to explore

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

现在注册

已注册用户请登录

Dive into HTML5

这是一个创建于 3256 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

图片

缩小

网页

CSS

2 条回复 • 2015-12-10 10:42:28 +08:00

puny

2015-12-09 13:53:23 +08:00

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

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

litianyou

2015-12-10 10:42:28 +08:00

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