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

Dive into HTML5

このトピックは 3845 日前に作成されました。内容が古くなっている可能性があります。

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

图片

缩小

网页

CSS

2 件の返信 • 2015-12-10 10:42:28 +08:00

puny

2015 年 12 月 9 日

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

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

litianyou

2015 年 12 月 10 日

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