在过去的几天里，我一直在发疯，试图找出解决这个问题的方法。
我的问题:我想在一个基本的单页面站点(没有滚动条)的右边有一个栏部分(假设是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%;
}但是当我将背景图像添加到列中时，由于图像较大，它会在列中展开，从而创建一个滚动条。
有没有可能根据观看者的屏幕尺寸来裁剪图像，这样就根本没有滚动条了？
谢谢
转载请注明出处:http://www.lsql.net/article/20230524/2172091.html