目前,我在我的网站上使用的猫头鹰旋转木马太高了,因为它占用的空间超过了整个屏幕。从 owl-carousel 上每张幻灯片一张图像的演示中,似乎可以调整高度。我正在使用最新版本的 owl carousel 2。我还尝试将 carousel 包裹在另一个 div 中并调整外部 div 的高度。我注意到我可以调整宽度,这也有调整高度的效果。但是,我想在不调整宽度的情况下调整高度。我附上了我的 javascript 和 html。谢谢。
<body>
<div id="navigation">
<ul>
<li> <%= link_to "About", pages_about_path, id: "about-link"; %> </li>
<li> <%= link_to "Contact Us", pages_contact_us_path; %> </li>
</ul>
</div>
<div class="wrapper">
<h1><img src="http://cdn-0.famouslogos.us/images/computer-logos/ab-computer-repair-logo.jpg"> </h1>
<div id="carousel" class="owl-carousel owl-theme">
<div class="item"><img src="https://responsivedesign.is/__data/assets/image/0013/5017/Owl-Carousel-2.jpg"></div>
<div class="item"><img style="width:100%; height:auto;" src="http://www.pcgeeksusa.com/wp-content/uploads/2015/01/computer-repair.jpg"></div>
</div>
<div class="contact">
<aside>
<h2>Contact Info</h2>
<p> Nomadic Inc. <br>
Tuscaloosa, AL 35404 <br>
<b> E-mail: </b> nesella@comcast.net <br>
<b> Phone: </b> 205-799-1668
</p>
</aside> …Run Code Online (Sandbox Code Playgroud)