Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/cplusplus/127.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Flexslider以1px的速度渲染视口_Css_Wordpress_Twitter Bootstrap_Flexslider - Fatal编程技术网

Css Flexslider以1px的速度渲染视口

Css Flexslider以1px的速度渲染视口,css,wordpress,twitter-bootstrap,flexslider,Css,Wordpress,Twitter Bootstrap,Flexslider,所以我正在建设这个网站,一切都很好。然而,我刚刚意识到flexslider仅在桌面大小的显示器上从视口右侧切割不到1px。。。。。我一直在寻找类似问题的答案,但没有任何结果。救命啊 虽然我现在无法在Chrome中复制此问题(您使用的是什么浏览器?),但很可能是由以下原因造成的:在CSS中,您的宽度大于100% .flex-viewport { width: 100.1% !important; border: 1px solid #d7d7d7; } 把它降到100%,你就会

所以我正在建设这个网站,一切都很好。然而,我刚刚意识到flexslider仅在桌面大小的显示器上从视口右侧切割不到1px。。。。。我一直在寻找类似问题的答案,但没有任何结果。救命啊


虽然我现在无法在Chrome中复制此问题(您使用的是什么浏览器?),但很可能是由以下原因造成的:在CSS中,您的宽度大于100%

.flex-viewport {
    width: 100.1% !important;
    border: 1px solid #d7d7d7;
}
把它降到100%,你就会看到这个问题消失了


(请注意,通常该问题仍然会发生,因为边框将超出100%宽度,但因为您使用的边框包含在宽度计算中)

如果我正确理解您的意思

问题在于:

.flex-viewport {
    width: 100.1% !important;
    border: 1px solid #d7d7d7;
}
此代码位于global.css文件第74行。在这里:

然后,更改宽度:

.flex-viewport {
    width: 100% !important;
    border: 1px solid #d7d7d7;
}

问题解决了,每个人都很高兴。

感谢您查看,但我实际上更新了css。基本上,问题发生在flexslider渲染视口时。视口的宽度将设置为1066.64像素,幻灯片的宽度将设置为1067像素。所以我的边界被切断了。最后,我只是删除了内容上的边框,并在视口周围设置了边框。这不是我想做的,但看起来不错。再次感谢您的收看!好吧。大家又高兴起来了谢谢你看。这实际上是在问题发生后添加的,以尝试纠正它。视口的宽度将设置为1066.64像素,幻灯片的宽度将设置为1067像素。所以我的边界被切断了。最后,我只是删除了内容上的边框,并在视口周围设置了边框。这不是我想做的,但看起来不错。再次感谢您的收看!哦,我在Mac电脑上使用chrome很高兴你解决了它。在你的问题中(或在pastebin上)发布相关CSS可能对将来的问题有用,这样你可以在人们看你的问题时继续开发。否则,我们最终会看到您已经更改的代码:)我完全同意,我在项目上落后于进度,有点惊慌失措,哈哈。我会确保下次粘贴一些代码。