Jquery 转盘不在桌面上显示图像

我有一个旋转木马，运转良好。但当我试图降低旋转木马的高度时，整个图像并没有显示在旋转木马（桌面上）。在手机上，它工作得很好

我不希望旋转木马覆盖整个页面。 请全屏查看输出

示例：

@导入url（'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css');
@导入url（'https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css');
#转盘示例generic.carousel-inner.item{
垫底：50%；
}
#转盘示例generic.carousel-inner.first项{
身高：100%；
宽度：100%；
背景：url（'http://p1.pichost.me/i/13/1359503.jpg');
背景尺寸：封面；
背景位置：中心；
}
#转盘示例generic.carousel-inner.second项{
身高：100%；
宽度：100%；
背景：url（'http://all4desktop.com/data_images/1920%20x%201200/4211692-abstract-color-background-picture-8016.jpg'）；
背景尺寸：封面；
背景位置：中心；
}
#转盘示例通用。转盘内部。第三项{
身高：100%；
宽度：100%；
背景：url（'http://www.macwallhd.com/wp-content/Wallpapers/Abstract/Mac%20Wallpaper%20Spin%20The%20Apple%20Circle-575024442.jpeg'）；
背景尺寸：封面；
背景位置：中心；
}

...
...
...

添加以下CSS将设置一个

最大宽度

，之后宽度将与高度成比例限制：

#转盘示例通用{
最大宽度：960像素；
保证金：自动；
}

---

输出：

它占据了整个屏幕。“你不想这样吗？”香农哈哈。看来问题已经解决了。他不希望它在大屏幕上占据全部宽度。谢谢回复我的帖子。我试过你建议的改变。但是我希望宽度是100%，我不希望高度是100%。但是如果我改变宽度，甚至高度也会改变。@SriHarsha这就是为什么它与图像成比例，兄弟！我明白了。谢谢你帮我。那是错的。