在css中定义图像大小时，图像从HTML文档中消失

我有一个HTML/CSS网页设计，有三个框，其中包含图像、标题、描述文本和更多按钮。当我用CSS定义图像的大小时，图像正在消失。我还尝试在css文件的响应断点中调整图像的大小。我应该在这个线程中发布整个代码吗？如果是的话，我如何插入它，使它的格式像代码一样？我附加一个链接以下载代码：

在第二个代码片段（另一个新项目）上，正在消失的是徽标图像

在第三个代码片段中，我通过给它一个div容器解决了消失的图像。但是，在CSS中使用em-size赋予图像真实的宽度和高度时，图像会再次从网站上消失

我本来可以解决这个问题的。当我使用“em”作为图像大小时，图像消失。当我使用“rem”或“px”时，它是有效的

功能菜单（）
{
开关（document.getElementById（'menu\b\u container\u 1'）.style.display）{
未定义的情况：
document.getElementById（'menu_b_container_1'）。style.display='block'；
打破
案例“”：
document.getElementById（'menu_b_container_1'）。style.display='block'；
打破
案例“无”：
document.getElementById（'menu_b_container_1'）。style.display='block'；
打破
案例“block”：
document.getElementById（'menu_b_container_1'）。style.display='none'；
打破
}
}
功能菜单_fix（）{
var width=window.innerWidth/parseFloat（getComputedStyle（document.querySelector（'body'））['font-size']）；
如果（宽度>=60.875）{
document.getElementById（'menu_b_container_1'）。style.display='none'；
}
}

/*`XHTML、HTML4、HTML5重置
----------------------------------------------------------------------------------------------------*/
A.
缩写，
缩略语
地址:，
小程序，
文章
在一边
音频
B
大的
块引用，
身体，
帆布，
说明文字
居中
引用，
代码，
dd，
德尔，
细节，
dfn，
对话
分区，
dl，
dt，
相对长度单位，
嵌入
字段集，
figcaption，
图形
字体，
页脚，
形式，
h1，
h2，
h3，
h4，
h5，
h6，
标题，
hgroup，
人力资源部，
html，
我
iframe，
img，
ins，
kbd，
标签，
传奇
锂，
主要的，
做记号
菜单，
米
导航，
对象
ol,，
产出，
P
之前，
进步，
Q
rp，
rt，
红宝石，
s
桑普，
第节，
小的
跨度
罢工
坚强的
附属的，
总结，
啜饮，
桌子
t身体，
运输署，
特富特，
th，
thead，
时间
tr，
tt，
U
ul，
var，
视频
xmp{
边界：0；
保证金：0；
填充：0；
字体大小：100%；
}
html，
身体{
身高：100%；
}
文章
在一边
细节，
figcaption，
图形
页脚，
标题，
hgroup，
主要的，
菜单，
导航，
部分{
/*
替代的默认值（显示：内联）
不识别HTML5标记的浏览器。
IE8（及更低版本）需要shiv：
http://ejohn.org/blog/html5-shiv
*/
显示：块；
}
B
强壮的{
/*
让浏览器同意。
IE+Opera=字体大小：粗体。
Gecko+WebKit=字体重量：粗体。
*/
字体大小：粗体；
}
img{
颜色：透明；
字号：0；
垂直对齐：中间对齐；
/*
对于IE。
http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
-ms插值方式：双三次插值；
}
ol,，
保险商实验室{
列表样式：无；
}
李{
/*
对于IE6+IE7：
“显示：列表项”可防止项目符号
如果触发hasLayout，则将消失。
*/
显示：列表项；
}
桌子{
边界塌陷：塌陷；
边界间距：0；
}
th，
运输署，
标题{
字体大小：正常；
垂直对齐：顶部；
文本对齐：左对齐；
}
q{
报价：无；
}
问:以前,，
问：之后{
内容：“；
内容：无；
}
附属的，
啜饮，
小的{
字体大小：75%；
}
附属的，
苏普{
线高：0；
位置：相对位置；
垂直对齐：基线；
}
潜艇{
底部：-0.25em；
}
苏普{
顶部：-0.5em；
}
svg{
/*
对于IE9.Without，偶尔会绘制形状
在矩形的边界之外。
*/
溢出：隐藏；
}
身体{
背景色：#103978；
文本对齐：居中；
字体系列：“Roboto”，“Arial”，无衬线；
}
p、 a{font size:0.875em；}
h1，h2，h3{字体大小：1.625em；}
.clear{clear:两者；}
#主集装箱{
宽度：60em；
保证金：0em自动；
背景色：#164da0；
}
#大图像容器{
高度：33.75em；
背景图片：url（'files/big_image.jpg'）；
}
#菜单\u容器\u 1{
宽度：60em；
填充物：1.875em 5.125em；
框大小：边框框；
}
#菜单容器2{
宽度：49.75em；
线高：4.4375em；
高度：4.4375em；
背景色：#1b58b4；
}
#菜单\u容器\u 2 a{
填充：0em 2.18em；
浮动：左；
显示：块；
文字装饰：无；
字体大小：粗体；
字号：0.875em；
颜色：#fff；
}
#菜单\u容器\u 2.菜单{
显示：无；
保证金：0em 0em 0em 12.5em；
}
#菜单\u b\u容器\u 1{
显示：无；
宽度：16.6875em；
最小高度：19.8125em；
位置：固定；
顶部：0em；
右：0em；
背景色：#2573c2；
文本对齐：左对齐；
}
#菜单\u b\u容器\u 1 a{
填充：0em 3em；
宽度：100%；
浮动：左；
框大小：边框框；
字号：0.875em；
线高：4.25em；
字体大小：粗体；
文字装饰：无；
颜色：#fff；
}
#菜单_b_容器_1 a：悬停{
背景色：#1b57ab；
}
#菜单\u b\u容器\u 1 a：活动{
背景色：#174299；
}
#大图片文本容器1{
填料：1em 32em 10.1em 5.1875em；
}
#大图片文本容器2{
填充物：2.125em；
背景：url（'files/big_image_text_bg.png'）；
背景重复：重复；
颜色：#fff；
文本对齐：左对齐；
}
#大图片文本容器h1{
浮动：左；
字号：1.625em；
}
#大图片文本容器{
保证金：1em 0em 0em；
浮动：左；
字号：0.875em；
}
#大图片文本容器2 a{
保证金：1em 0em 0em；
填充：0.625em；
浮动：左；
颜色：#fff；
文字装饰：无；
背景色：#27e06d；
字体大小：粗体；
}
#内容盒容器{
填充物：1.125em 2.5em 1.875em；
文本对齐：左对齐；
颜色：#000；
}
#内容框1，
#内容框2，
#内容盒3{
宽度：17em；
利润率：0.65