频道栏目
首页 > 资讯 > HTML/CSS > 正文

由于轮播图片超宽造成的影响

17-08-28        来源:[db:作者]  
收藏   我要投稿

由于轮播图片超宽造成的影响。

美工为了在不同屏幕下更好地展示将图片两边做的非常宽,但是我们大多数情况的页面宽度都无法满足这样的图片宽度

而且bootstrop默认将图片宽度设置为max-width:100%,造成页面图片的缩放

想要在一个较小的屏幕下展示一个超级宽的图片有两种办法

*换用背景图的方式 background-position:center center;

*使img元素使用绝对定位 position:absolute left:50%

margin-left:负 背景图片的宽度的一半

相关TAG标签
上一篇:JavaScript算法阶乘1
下一篇:JavaScript--Generator函数
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站