Question

我无法将特定的jQuery库（Windy Slider）设置为自动调整大小。我已将代码上传到CodePen，可在此处找到http://codepen.io/zyoung0206/pen/rLmXbV

我遇到的问题是，当您点击线框＆amp;模型蓝色圆圈按钮，一个窗口应该弹出一个图像滑块在里面。这些容器代码是：

.windy-demo {
    /*width: 1024px;*/
    width: 60%;
    margin: 40px auto;
    color: #aaa;
}

.windy-demo ul.wi-container {
/*  width: 1044px;
    height: 788px;*/
    width: 60%;
    height: 80%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

可以在CodePen的CSS部分之上找到。我所取得的成就是使这些容器的宽度为屏幕宽度的60％，如果内部的图像太大（假设容器宽度为800px但图像为1024px），则调整图像以适应容器内部。

我尝试手动设置容器的宽度（导致窗口大小的固定像素），然后尝试将其设置为宽度：60％，但对于大于容器的图像效果不佳

Answer 1

我认为MATCH (c:CAR) WHERE (c)<-[:LIKES]-(:User {username: 'Sara'}) AND (e)<-[:LIKES]-(:User {username: 'John'}) return c会做到这一点。我刚刚玩弄你的小提琴，据我所知，这应该有效。我刚刚更新了我的答案，这些是CSS的第一行，对我有用，在本地重建你的例子：

img { width: 100%; height: auto; }

CSS / Jquery如何自动调整容器和图像的大小

1 个答案: