Question

第一次加载并访问此页面http://www.blythestoves.co.uk/new上的某些幻灯片时，无法呈现正确的高度。一些信息被切断了。转到幻灯片2（Ecomaster BB1），在气流拨盘的图像下，应该有一些关于保修的信息。该页面不会呈现最后一个文本块。

这是奇怪的部分。如果您刷新页面没有任何反应，但如果您转到地址栏并单击其中并再次按返回页面将正确加载，高度都正确。

我真的不明白，已经花了太多时间在这上面。任何帮助都会非常棒。

感谢。

Answer 1

没有孤立的小提琴，我无法确定，但我猜它没有调整大小，因为你明确告诉它不要与resizeContents : false：

$('#slider').anythingSlider({
                                width : 1228,          // Override the default CSS width
                                resizeContents : false,
                                navigationFormatter : formatText,
                                autoPlay : false,
                                easing: 'easeInOutExpo'

                        });

从那里取出它可能会有效。如果没有，请设置一个小提琴;）

Answer 2

主要问题是webkit浏览器在图像开始加载之前触发文档就绪事件，因此尚未获得图像尺寸。因此，如果您在css或内联中包含图像尺寸：

<img src="images/blythe-ecomaster-bb2.jpg" style="width:1228px;height:678px;" />

然后滑块高度将适当调整大小。

此外，不推荐使用滑块初始化中的width选项，因此您只能使用css设置滑块尺寸。所以你可以删除这一行，因为它没有做任何事情：

width : 1228,          // Override the default CSS width

Answer 3

在firefox和chrome上为我工作？它可能是一个溢出的CSS问题，它只出现在IE中。

安德鲁

高度在某些时候无法正确渲染

3 个答案: