Flexslider将视口渲染为1px

时间:2016-05-05 21:43:18

标签: css wordpress twitter-bootstrap flexslider

所以我建立这个网站,一切都很好。然而,我刚刚意识到flexslider仅在桌面尺寸的显示器上切割不到1px的视口右侧.....我已经寻找类似问题的答案,但没有任何工作。救命啊!

enter image description here

http://staging.aidanspencer.com

2 个答案:

答案 0 :(得分:1)

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

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

将其降至100%,您应该会看到此问题消失。

(请注意,通常问题仍然会发生,因为边框之外 100%宽度,但因为您正在使用border-box for box-sizing边框包含在宽度计算中)

答案 1 :(得分:1)

如果我理解你的意思......

问题在于:

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

此代码位于global.css文件第74行。这里:http://staging.aidanspencer.com/wp-content/themes/aidan_spencer_2016/assets/css/global.css:74

然后,改变宽度:

{{1}}

问题解决了,大家都很开心。