HTML/CSS：在调整窗口大小时，如何使图像周围的文本适合？

当我的网页的视图位于桌面上时，它旁边的文本显示得很好，但是，当我将其调整到更小的尺寸时，文本看起来很杂乱，显示在图像下方或页脚上方。是否有可能使图像周围的文字舒适地显示出来，或者使其位于图像上方

HTML/CSS：

html，正文{
保证金：0；
填充：0；
宽度：100%；
}
身体{
位置：相对位置；
保证金：0；
垫底：6rem；
最小高度：100%；
字体系列：“Helvetica Neue”，Arial，无衬线；
背景色：黑色；
}
li>a{display:；}
li>a:hover，/*li hover使文本列表周围的区域在您将鼠标悬停在文本上时周围有一块颜色*/
li>a:focus{color:red；text-decoration:underline；}/*li焦点是选择元素时，元素进入焦点*/
标题{
宽度：98%；
高度：13vh；
}
.欢迎{
字体系列：信使；
填充：30px；
字体大小：60px；
颜色：白色；
}
.介绍{
颜色：白色；
}
.内容{
宽度：94%；
保证金：4em自动；
字体大小：20px；
线高：30px；
文本对齐：对齐；
}
.内容h1{
边际上限：0；
}
阿普海德先生{
颜色：白色；
字体大小：100px；
字体系列：信使；
}
.apptext{
颜色：白色；
字体大小：45px；
字体大小：粗体；
字体系列：信使；
}
.游戏{
保证金：0；
位置：相对位置；
边框：纯白；
}
.游戏img{
位置：相对位置；
最大宽度：100%；
填充物：5px；
过渡：1s；
}
.游戏名称：悬停{
转换：比例（1.1）；
}
.项目img{
显示：块；
}
.盒子{
位置：绝对位置；
颜色：白色；
显示：内联；
字号：17px；
}
/**
*页脚样式
*/
.页脚{
位置：绝对位置；
右：0；
底部：0；
左：0；
填充：1rem；
背景色：暗灰色；
文本对齐：居中；
}
.标志{
线高：60px；
位置：固定；
浮动：左；
利润率：16px46px；
颜色：#fff；
字体大小：粗体；
字体大小：20px；
字母间距：2px；
}
导航{
位置：固定；
宽度：100%；
线高：60px；
z-index:1；/*允许导航栏堆叠在内容顶部，并且在重叠时不显示*/
}
导航ul{
线高：60px；
列表样式：无；
背景：黑色；
溢出：隐藏；
颜色：#fff；
填充：0；
文本对齐：右对齐；
保证金：0；
右边填充：40px；
过渡：1s；
}
导航黑ul{
背景：橙色；
不透明度：10；
}
李国荣{
显示：内联块；
填充：16px 40px；；
}
海军ulli a{
文字装饰：无；
颜色：白色；
字体大小：16px；
}
.菜单图标{
线高：60px；
宽度：100%；
背景：#000；
文本对齐：右对齐；
框大小：边框框；
填充：15px 24px；
光标：指针；
颜色：橙色；
显示：无；
}
.activepage{
字体大小：25px；
颜色：红色；
文字装饰：下划线；
}
@介质（最大宽度：786px）{
.标志{
位置：固定；
排名：0；
边缘顶部：16px；
}
导航ul{
最大高度：0px；
背景：#000；
}
导航黑ul{
背景：#000；
}
.展示{
最大高度：34em；
}
李国荣{
框大小：边框框；
宽度：100%；
填充：24px；
文本对齐：居中；
}
.菜单图标{
显示：块；
}
}

响应粘性导航条
标志






标题







Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本。


Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本。


Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五年