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

2015-12-09 13:41:09 +08:00
 litianyou

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

3472 次点击
所在节点    HTML
2 条回复
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 修改了些已经解决底图问题了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/242245

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX