站点在不同的主机上呈现不同

Question

我花了最后几个小时试图解决这个问题，但仍然没有运气......我想我已经缩小了它与我主机上的文件许可问题有关但也许这里有人会这么好为了指出我正确的方向。

我将完全相同的文件加载到两个不同的域，主机组合

1. http://northern.uwcs.co.uk/ApricotGum
2. http://apricotgum.co.uk

网站a。渲染很好但完全相同的文件上传到网站b。以非常不同的方式渲染打破大部分网站布局。

网站b的一些问题： FlexSlider导航不起作用。（编辑这可以通过关闭mod-pagespeed来修复？ModPagespeed = off＃ * ） 各种布局问题。 顶部徽标上的动画不起作用。

请注意，该网站专为移动内容而设计......

非常感谢

Answer 1

你的CSS不同。在Chrome开发者工具中，W.main.css.pagespeed.cf.4qEnpEHvwU.css和main.css的样式之间存在明显差异。

E.g。 .header中的W.main.css.pagespeed.cf.4qEnpEHvwU.css：

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: transparent;
    z-index: 2;
}

在main.css：

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    z-index: 2;
    background-color: rgba(0,0,0,0.5);
    transition: width 1s ease;
    -webkit-transition: width 1s ease;
    -moz-transition: width 1s ease;
    overflow: hidden;
    padding-top: 0.25em;
}