努力通过％而不是px更改容器宽度

Question

我在这里有一个小测试页。 http://andynguy.com/test.html

我正在使用光滑的旋转木马，但我希望旋转木马的宽度为窗户宽度的80％。我可以按px调整它，但是当我使用％时它不会受到影响。

有人可以指出我正确的方向吗？

Answer 1

我刚刚检查了您的网页，并相信我有适合您的东西。在您的slick.css文件中，找到您的.slick-slider选择器，只需为width和margin添加以下两个属性/值：

.slick-slider {

width: 80%; /* Add a width of 80% */
margin: auto; /* Add a margin of auto */

position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }