Javascript @媒体查询以一种奇怪的方式工作

在圣诞节期间，我暂停了我的网站工作。这周我又回来了，发现代码不知怎么被修改了。我已经包括了所有的代码，但是我想说明的主要部分是

.fadein

css，特别是下面的代码片段

@media screen and (min-width: 1110px) {
.fadein img {
    width:auto;
    height:72.1%;
    position:absolute;
    left:50%;
    -webkit-transform: translate(-50%, -0%);
    -moz-transform: translate(-50%, -0%);
    margin:0;
    padding:0;
}

这段代码中的某些东西导致我的幻灯片/图像显示为极小的缩略图大小的图像，而不是它们本来应该是的全屏大小。在删除宽度和/或高度属性时，图像会变得比我喜欢的大，但我无法缩放它。有什么想法吗？如果需要，代码的其余部分如下所示。谢谢

$（函数（）{
$（'.fadein img:gt（0）'）.hide（）；
setInterval（函数（）{
$（“.fadein:第一个孩子”）.fadeOut（2000年）
.next（'img'）.fadeIn（2000）
.end（）.appendTo（'.fadein'）；
}, 5000);
});
html{
保证金：0；
填充：0；
身高：100%；
宽度：100%；
位置：相对位置；
}
身体{
保证金：0；
填充：0；
身高：100%；
宽度：100%；
位置：绝对位置；
底部：0；
排名：0；
左：0；
右：0；
}
p{
保证金：0；
填充：0；
颜色：#1c1c；
}
img{
保证金：0；
填充：0；
}
.主集装箱{
保证金：0；
填充：0；
位置：相对位置；
}
.集装箱{
宽度：100%；
最小高度：100%；
位置：相对位置；
保证金：0；
填充：0；
}
.货柜：之后{
内容：“；
显示：块；
}
.标志{
浮动：左；
左边距：30px；
字体系列：'Advent Pro'，无衬线；
字号：100；
字体大小：40px；
颜色：#1c1c；
}
.摄影{
宽度：100px；
浮动：左；
边缘顶部：7px；
左边距：10px；
左侧填充：10px；
字体系列：'Advent Pro'，无衬线；
字号：100；
字体大小：16px；
颜色：#1c1c；
左边框：1px实心#1c1c；
}
@媒体屏幕和屏幕（最小宽度：768px）{
.标志{
浮动：左；
左边距：15px；
字体系列：'Advent Pro'，无衬线；
字号：100；
颜色：#1c1c；
}
}
.姓名{
浮动：左；
保证金：5x10px 0px 10px；
字体大小：37px；
}
.类型{
浮动：左；
宽度：50px；
边缘顶部：6px；
填充：1px 0px 1px 10px；
字体大小：15px；
左边框：1px实心#1c1c；
}
.导航{
浮动：对；
保证金：0；
填充：0；
列表样式：无；
宽度：300px；
}
@媒体屏幕和屏幕（最小宽度：500px）{
.导航{
浮动：对；
保证金：0；
填充：0；
列表样式：无；
宽度：444px；
}
}
李国荣先生{
浮动：左；
填充：16px 10px 13px 10px；
字体系列：'Advent Pro'，无衬线；
字号：200；
字号：17px；
颜色：#1c1c；
}
李海军：悬停{
边框底部：2个实心#1C1C；
}
@媒体屏幕和屏幕（最小宽度：500px）{
李国荣先生{
浮动：左；
填充：16px25px 13px25px；
字体系列：'Advent Pro'，无衬线；
字号：200；
字号：17px；
颜色：#1c1c；
}
}
.重新定位{
位置：绝对位置；
左：50%；
-webkit转换：翻译（-50%，-0%）；
-moz变换：平移（-50%，-0%）；
}
@媒体屏幕和屏幕（最小宽度：768px）{
.重新定位{
位置：静态；
浮动：对；
-webkit转换：翻译（-0%，-0%）；
-moz变换：平移（-0%，-0%）；
}
}
.导航栏切换{
边缘顶端：13px；
位置：绝对位置；
右：0；
}
.崩溃{
高度：56px；
宽度：100%；
}
.导航栏标题{
浮动：左；
显示：内联块；
高度：55px；
填充：0；
保证金：0；
}
.主体{
宽度：100%；
填充：0 20px 0；
保证金：0；
浮动：左；
}
.幻灯片放映{
宽度：100%；
保证金：0；
填充：0；
}
法丹先生{
宽度：100%；
保证金：0；
填充：0；
}
法登先生{
宽度：93.8%；
高度：自动；
位置：绝对位置；
左：50%；
-webkit转换：翻译（-50%，-0%）；
-moz变换：平移（-50%，-0%）；
保证金：0；
填充：0；
}
@媒体屏幕和屏幕（最小宽度：1110px）{
法登先生{
宽度：自动；
身高：72.1%；
位置：绝对位置；
左：50%；
-webkit转换：翻译（-50%，-0%）；
-moz变换：平移（-50%，-0%）；
保证金：0；
填充：0；
}
}
@媒体屏幕和屏幕（最小宽度：1441px）{
法登先生{
宽度：72.3%；
高度：自动；
位置：绝对位置；
左：50%；
-webkit转换：翻译（-50%，-0%）；
-moz变换：平移（-50%，-0%）；
保证金：0；
填充：0；
}
}
.mainfoter{
宽度：100%；
高度：20px；
位置：绝对位置；
底部：0；
保证金：0；
填充：0；
浮动：左；
位置：固定；
}
.页脚{
位置：相对位置；
底部：1px；
浮动：对；
宽度：100%；
高度：20px；
填充：0 10px 0 0；
背景色：#F8；
边框：1px实心#E7E7E7；
保证金：0；
}
.版权所有{
浮动：对；
字体系列：“临临”，无衬线；
字号：100；
字体大小：12px；
保证金：0；
填充：0；
}
@媒体屏幕和屏幕（最小宽度：1441px）{
.版权所有{
浮动：对；
字体系列：“临临”，无衬线；
字号：200；
字体大小：12px；
保证金：0；
填充：0；
}
}
李媒体{
浮动：左；
列表样式：无；
位置：相对位置；
左：10px；
底部：2px；
利润率：0.3px 0.3px；
填充：0；
}
@仅介质屏幕和（最大宽度：480px）{
李媒体{
显示：无；
}
}
.媒体{
填充：0；
保证金：0；
}

蒂姆·科林野生动物摄影
切换导航



蒂姆·科林摄影2016版权所有。版权所有

我认为您没有关闭媒体查询

@media screen and (min-width: 1110px) {
    .fadein img {
        width:auto;
        height:72.1%;
        position:absolute;
        left:50%;
        -webkit-transform: translate(-50%, -0%);
        -moz-transform: translate(-50%, -0%);
        margin:0;
        padding:0;
    }
    }

这可能是因为您没有关闭
@media
查询。然而，如果你需要帮助，你应该为你的问题创建一个解决方案。如。。。最小的可验证的？（出于好奇，