Html CSS--扩展窗口导致奇怪的水平滚动问题

加载视口小于1024px的页面，然后扩展到大于1024px的页面，使主体在firefox 36.0.1、Chrome 41.0.2272.89（64位）和safari 8.0.4中可水平滚动。奇怪的是，如果页面首先以>1024px的速度加载，然后收缩并再次扩展页面，这不是一个问题

---

我已经缩小了这个范围，以便在

.right

元素上转换动画，因为在扩展屏幕之前，将类从

右动画fadeInUp

切换到

右动画FadeInu

，可以消除这个问题。有什么想法吗？

无法在Windows上的Chrome 41.0.2272.89或Firefox 36.0.1中复制此问题。您是否尝试刷新缩小的窗口，然后将其扩展到1024倍以上？是的。您是说出现了一个水平滚动条？没有看到这种情况发生。是的，我不是在windows上，而是在OSX上。它可能在windows中是不可复制的，尽管它只在OSX上保持浏览器间的一致性会让我感到惊讶。刚刚尝试在browserstack上复制错误，但在Windows 7和OSX Yosemite（我正在运行）中都失败了。我还可以让一位同事在他们的OSX机器上复制它。