JQuery Unslider 插件问题

Question

我正在尝试将 Unslider JQuery 插件实现到我的“关于”页面。我遵循了本网站的说明 http://unslider.com/并实现了插件，但我有两个问题无法正确解决:

1. 如果你仔细看，在“关于”部分滑动的文本有一点不见了(向左和向右)，而且它不在页面的正中央(它实际上是位置 a出于某种原因位在中心的右侧？？？)。如果我添加 .banner {position: relative; left: -25px;} 我的 css 它在 1366x768 分辨率的屏幕上看起来不错但是因为它应该是响应式的并且在所有分辨率的屏幕上看起来都不错我试图通过将浏览器宽度拖动到小于 1366 来降低屏幕分辨率又一次看起来不太好，文本部分丢失了。很明显，我的 CSS 解决方案并不好。

2. 我添加了 Prev/Next 按钮，但它们根本不显示？

希望大家帮帮我!谢谢大家:)

这是我的 JSFiddle:http://jsfiddle.net/uNKmz/35/

此外，是否可以更改 slider 的高度，如何更改？

Answer 1

我解决了第一个问题。 .banner ul 有填充元素。请记住，无论何时创建 <ul>元素默认填充将分配给该元素。所以你所要做的就是分配 padding: 0px到那个特定的元素，这样它就不会向右移动。

我相信 Unslider 的人在 css 代码中打错了字，这可能会让一些人感到困惑。我相信 .banner ul 应该有一种风格不是.banner li因为横幅中的列表项已经具有 banner ul li 下的样式.

这是我在 css 中更改的。

我删除了

.banner li {
    list-style: none;
}

并添加

.banner ul {
    list-style: none;
    padding: 0px;
}

这是更新后的 fiddle 的链接。

http://jsfiddle.net/theMugician/uNKmz/47/