似乎在页面加载时错误地计算其视口大小，这意味着它在移动设备，平板电脑等上不能正常工作。

奇怪的是，当我调整浏览器的窗口大小(甚至只是一个像素)时，视口高度得到正确的计算，一切都看起来不错。但是如果我刷新具有相同高度和宽度的页面，则无法正确计算bx-viewport。

任何想法为什么会发生这种情况？

HTML看起来像这样(是的，我知道它可能没有任何关系，但仍然)：

<ul class="seminars-slider">
    <li>
        <article class="education-article">
            <h3><a href="#"> Sit tincidunt eros massa,lundium ultrices,sit in aliquet velit</a></h3>
            <p>LOL1</p>
            <div class="buttons">
                <a href="#" class="book-button"><span>Book now</span></a>
                <a href="#" class="read-more"><span>Read more</span></a>
            </div>
            <div class="clearall"></div>

        </article>
    <div class="clearall"></div>
    </li>

    // same li
    <li>
        <article class="education-article">
            <h3><a href="#"> Sit tincidunt eros massa,sit in aliquet velit</a></h3>
            <p>LOL1</p>
            <div class="buttons">
                <a href="#" class="book-button"><span>Book now</span></a>
                <a href="#" class="read-more"><span>Read more</span></a>
            </div>
            <div class="clearall"></div>

        </article>
    <div class="clearall"></div>
    </li>
</ul>

js调用看起来像：

slider=jQuery('.seminars-slider').bxSlider({
    mode: 'vertical',controls:false,pager:false,minSlides:2,maxSlides:2,moveSlides:1
});

jQuery('.up-control').click(function() {
    slider.goToNextSlide();
});
jQuery('.down-control').click(function() {
    slider.goToPrevSlide();
});

谢谢。