2 sinat 35836870 sinat_35836870 于 2017.01.16 18:20 提问

求解:背景图片问题,背景图片在浏览器百分比缩放下的显示问题 1C

如图,图2是源图大小,1920*679~
图1是切的跟显示屏大小之后缩放到50%的,
问:有没有一种方法能让图片在100%的时候显示如图1,但是图片在缩小之后把多余的背景显示出来,如图2……

ps:我之前是把背景图div用100%图片100%写的,但是这样height679之后logo就变形了,后来就把两边切了,但是又被要求缩小后两边最好也显示出来,并且显示屏100%的时候不能有横向滚动条……

请问,能否实现?有什么方法吗,多谢。图片图片

2个回答

qq_29594393
qq_29594393   Ds   Rxr 2017.01.16 18:49

css 的 media ,适应不同屏幕大小的处理方法
js 里面有一个onresize事件,也可以实现。
总归就是做个判断,屏幕大小 。然后设置图片样式

baidu_26611019
baidu_26611019   2017.01.17 11:11

样式参考
.bg {
background:url('/res/imgs/bg.png');
background-repeat:no-repeat;
background-size:100% 100%;
}
会根据你外部的div的大小来自动缩放显示,并且是全部显示

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!