如何避免背景图像自动创建滚动条
如何避免背景图像自动创建滚动条
提问于 2018-07-22 23:37:30
在过去的几天里，我一直在发疯，试图找出解决这个问题的方法。
我的问题:我想在一个基本的单页面站点(没有滚动条)的右边有一个栏部分(假设是10%)
下面是一个例子：https://jsfiddle.net/498v5reh/
#sidecolor {
float: right;
margin: 0;
overflow: hidden;
background: url(https://i.pinimg.com/736x/b9/78/50/b97850a4460e7a80600a3e0eb6b1bc4d.jpg);
background-repeat: no-repeat;
background-size: cover;
padding: 100% 10%;
}但是当我将背景图像添加到列中时，由于图像较大，它会在列中展开，从而创建一个滚动条。
有没有可能根据观看者的屏幕尺寸来裁剪图像，这样就根本没有滚动条了？
谢谢
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51466657
复制相关文章
相似问题