Javascript HTML网站在缩小时变得疯狂

我不知道为什么，但当我缩小我的网站，代码似乎崩溃，整个事情只是看起来恶心。我已经找到了这个问题的其他答案，但没有一个解决方案真正适合我的代码

正文{
背景图片：url（gradient.png）；
背景重复：无重复；
背景尺寸：封面；
}
h1.标题{
颜色：#046289；
字体大小：50px；
边缘顶部：100px；
文本对齐：居中；
字体系列：“Poppins”，无衬线；
} 
p、 标题{
颜色：#046289；
字体系列：“Poppins”，无衬线；
字号：20.8px；
字号：600；
位置：相对位置；
左边距：70像素；
顶部：60px；
}
p、 标题1{
颜色：#046289；
字体系列：“Poppins”，无衬线；
字体大小：400；
位置：相对位置；
左边距：70像素；
顶部：50px；
}
img.aml{
宽度：280px；
高度：280px；
位置：绝对位置；
左边距：360px；
底部：30px；
}
iframe.livevid{
位置：绝对位置；
左边距：840px；
}
p、 视频{
颜色：#046289；
字体系列：“Poppins”，无衬线；
字号：20.8px；
字号：600；
位置：绝对位置；
左边距：840px；
顶部：313px；
}
p、 视频1{
颜色：#046289；
字体系列：“Poppins”，无衬线；
字体大小：400；
位置：绝对位置；
左边距：840px；
顶部：363px；
}
a{
文字装饰：无；
}
p a:链接{
颜色：#4204a5；
}
p a:参观过吗{
颜色：#4204a5；
}
p a:悬停{
颜色：#71a3f2；
}
/*
下方-导航栏
*/
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
宽度：100%；
}
李{
浮动：左；
}
.太空导航{
左边距：462px；
}
李娜：停下来{
颜色：#71a3f2；
}
导航处{
颜色：#046289；
}
李阿{
显示：内联块；
颜色：#046289；
文本对齐：居中；
填充：8px 10px；
文字装饰：无；
字体系列：“Poppins”；无衬线；
利润率：0px 20px；
字号：500；
光标：指针；
}

甘比诺
孩子气的甘比诺






唤醒我的爱


幼稚的甘比诺最新作品


最新鲜的专辑是


从现在开始，


及


html，正文{
边际：0px；
}
身体{
背景色：rgb（74107174）；
背景图片：url（“../images/bg.jpg”）；
背景重复：无重复；
背景位置：50%0%；
背景大小：100%；
宽度：100%；
身高：100%；
}
.内体{
保证金：0px自动；
宽度：960px；
高度：970px；
背景色：rgba（255255,0）；
}
.登录{
文本对齐：居中；
左边距：641px；
背景色：rgba（59,90137,0.7）；
宽度：315px；
高度：20px；
垫面：3件；
左侧填充：4px；
字距：0.3px；
字母间距：0.3px；
颜色：白色；
字体系列：Calibri；
字号：12.5px；
}
.菜单外部{
边缘顶部：30px；
背景色：rgba（10,30,50,0.8）；
填充物：5px；
高度：60px；
}
.菜单{
边框样式：实心；
高度：60px；
边框宽度：0.5px；
边框颜色：rgb（100150）；
}
.菜单图像{
位置：绝对位置；
利润上限：-50px；
左边距：18px；
背景图片：url（“../images/logo.png”）；
高度：150像素；
宽度：220px；
}
.菜单内部{
边缘顶端：13px；
高度：55px；
左边距：234px；
颜色：rgb（164211241）；
字体系列：投石机MS；
字号：18.5px；
}
.外区{
背景色：rgba（26,30,50,0.9）；
身高：632px；
}
.区域{
左边距：自动；
右边距：自动；
边框底部样式：实心；
边框底色：rgb（100150）；
高度：625px；
宽度：950px；
边框：1px实心；
边界图像：线性渐变（到底部，rgba（100150,0），rgb（100150））；
边界图像切片：1；
}
.mini zones{
浮动：左；
边缘顶部：25px；
左边距：30px；
宽度：280px；
字体系列：投石机MS；
颜色：白色；
线高：22.9px；
}
.页脚{
文本对齐：居中；
边缘顶部：5px；
填充顶部：10px；
背景色：rgba（26,30,50,0.5）；
宽度：960px；
高度：35px；
填充：0.1px；
字体系列：投石机MS；
字体大小：14px；
颜色：白色；
}
ul.login{
右边距：10px；
背景色：rgba（59,90137,0.1）；
显示：内联；
左侧填充：0px；
左边距：5px；
颜色：白色；
}
li.log{
显示：内联；
}
a:已访问，a:链接{
颜色：rgb（164211241）；
文字装饰：无；
}
李：悬停{
背景色：rgb（73103129）；
文字装饰：无；
颜色：白色；
}
菜单输入{
边际上限：0px；
左边距：50像素；
填充：4.5px 3.5px 0px 3.5px；
}
ul.inli{
显示：内联；
左边距：自动；
填充：14px；
边界半径：4px；
}
ul.菜单输入li+li：之前{
位置：绝对位置；
左边距：-22px；
内容：“|”；
显示：内联块；
右侧填充：7px；
颜色：rgb（164211241）；
字体大小：20px；
文字装饰：无；
}
李先生{
显示：内联；
}
ins{
颜色：rgb（164211241）；
}
.透明的{
左侧填充：30px；
垫面：0.8px；
背景色：rgba（0,0,0,0.3）；
高度：175px；
颜色：白色；
字体系列：投石机MS；
字体大小：42px；
字距：1px；
字母间距：9px；
}
.对比{
滤光片：亮度（180%）；
}


请求报价
│
客户端登录
│
车辆出口门户