Css 我的网站在任何地方都能响应，但在调整浏览器窗口大小时除外

我不知道为什么，但在开发工具和移动设备中，我的网站都是响应的，但是当我调整浏览器窗口的大小时，它没有达到断点，公文包网格也没有从3列切换到1列。这对我来说是个问题，因为这是我的投资组合网站，我将发送给雇主，我知道他们喜欢调整窗口大小以检查响应性。提前谢谢你的建议

/*全球的*/ @导入url'https://fonts.googleapis.com/css2?family=Hachi+Maru+弹出和显示=交换'； * { 保证金：0； 填充：0%； 框大小：边框框； 字体系列：“八公丸流行”，单空格； } 身体{ 线高：1.6； } .集装箱{ 最大宽度：1100px； 保证金：0自动； 填充：0 40px； } 保险商实验室{ 列表样式类型：无； } a{ 文字装饰：无； } img{ 显示：块； 保证金：自动； } .问候语{ 边缘顶部：60像素； 字体大小：35px； 垫底：20px； } p{ 保证金：15px自动0px自动； 字体大小：16px； } /*重复样式*/ 招呼 关于 文件夹 接触{ 文本对齐：居中； } P .联络表格{ 宽度：80%； } 纳瓦尔先生， 文件夹 .社交页脚{ 背景：向右线性梯度，ee7f7e，f896fc，b189f5，87c1f1，8ee3ee，8cf391，f1fa90，f3cb8a，f5a289； } 跨度 招呼 联系 .联络表格， 输入 消息 .联系人表单按钮， .菜单选项李{ 背景：向右线性梯度，ee7f7e，f896fc，b189f5，87c1f1，8ee3ee，8cf391，f1fa90，f3cb8a，f5a289； 背景剪辑：文本； -webkit背景剪辑：文本； -webkit文本填充颜色：透明； -moz背景剪辑：文本； -moz文字填充颜色：透明； -o-background-clip：文本； -o-text-fill-color：透明； -ms背景剪辑：文本； -ms文本填充颜色：透明； } marquee先生， .联系人表单按钮， .莫代尔{ 边框：2倍实心； 边界图像：圆锥梯度E7F7E、f896fc、b189f5、87c1f1、8ee3ee、8cf391、f1fa90、f3cb8a、ee7f7e 1 } ul， 纳瓦尔先生， .社会， .莫代尔bg， .莫代尔{ 显示器：flex； } .联系表格输入， .联系表格文本区， .联系人表单按钮， .模态背景{ 宽度：100%； } 纳瓦尔先生， .navbar a， 投资组合{ 颜色：fff； } .联系方式标签， .帐篷跨度{ 显示：内联块； } .img项目， .投资组合btn{ 边框：2个实心fff； 边界半径：5px； } .联系表格输入， .联系表格文本区， .联络表格按钮{ 填充：12px 20px； 大纲：无； } .联系表格输入， .联系方式文本区{ 边界：无； 边框底部：2倍纯色透明； 边框图像：右下角线性渐变，ee7f7e 0%，f896fc 25%，8ee3ee 50%，f1fa90 75%，f5a289 100%； 边界图像切片：1； 边界半径：3px； } .联系人表单输入：焦点， .联系方式文本区域：焦点{ 边框底部：2个实心000； } .莫代尔bg， .莫代尔{ 证明内容：中心； } 招呼 .头像， .大帐篷跨度， 马奎尔先生{ 位置：相对位置； } /*导航栏*/ navbar先生{ 高度：40px； 证明内容：之间的空间； } .导航条img{ 利润率：10px； } 菜单按钮{ 显示：无； 保证金：自动； 背景色：透明； 大纲：无； 边界：无； } .部分{ 右边距：1vh； } 李先生{ 保证金：自动2vh； } .分离{ 填充：0.1em； 边框宽度：0 1px； 边框样式：实心； } .导航栏a:悬停{ 颜色：000000； 边框底部：实心000000 1px； } /*德罗 下拉菜单*/ .菜单选项{ 显示：无； 文本对齐：居中； } .网页链接{ 显示：首字母； } .网页链接李{ 利润率：50px0； 字体大小：30px； } .社会联系{ 证明内容：之间的空间； 利润率：40像素10像素； 字体大小：20px； } .菜单容器{ 位置：绝对位置； 保证金：自动； 顶部：40px； 左：0； 右：0； 高度：400px； 宽度：100%； z指数：1； 动画：菜单容器1s线性； } 诺梅努先生{ 显示：无； } @关键帧菜单容器{ 0% { 前-90%； } } /*字幕滚动条*/ 马奎尔先生{ 宽度：600px； 高度：175px； 空白：nowrap； 溢出：隐藏； 利润率：5%自动； 位置：相对位置； } .帐篷跨度{ 最高：15%； 左：100%； 动画：字幕8.5s线性无限； } .选框：悬停跨度{ 动画播放状态：暂停； } .选框跨度：n-child1{ 动画延迟：0s； } .选框跨度：N-child2{ 动画延迟：0.4s； } .选框跨度：N-child3{ 动画延迟：0.8s； } .选框跨度：N-child4{ 动画延迟：1.2s； } .选框跨度：n-child5{ 动画延迟：1.6s； } .选框跨度：n-child6{ 动画延迟：2.0s； } .选框跨度：n-child7{ 动画延迟：2.4s； } .选框跨度：N-child8{ 动画延迟：2.75秒； } @关键帧选框{ 0% { 左：95%； } 100% { 左-170%； } } /*投资组合科*/ 投资组合{ 垫底：5em； } 公文包容器{ 显示：网格； 网格模板列：repeat3，1fr； 网格自动行：minmax100，自动； 填充：20px； 背景色：rgba255、255、255、0.329； } .投资组合btn{ 大纲：无； 填充：2%； 保证金：5px； 颜色：fff； 背景色：透明； 字体大小：15px； 字号：900； } /*接触段*/ 接触{ 边缘顶部：20px； } .联络表格{ 保证金：自动； 填充：10px0； } .联络表格标签{ 字体大小：20px； 填充：5%； } .联络表格按钮{ 字体大小：20px； 字号：600； 光标：指针； 过渡：0.2s缓进缓出； } @介质全部和最小宽度：1000px{ .联络表格{ 宽度：60%； } } @媒体全部和最小宽度：1080px{ .联络表格{ 宽度：50%； } } /*页脚*/ .页脚{ 显示：无； } /*模态*/ .模态背景{ 位置：固定； 排名：0； 左：0； 高度：100vh； 背景色：rgba0,0,0,0.5； 对齐项目：居中； 可见性：隐藏； 不透明度：0； 过渡：能见度0s不透明度0.5s； } .模态激活{ 能见度：可见； 不透明度：1； } .莫代尔{ 宽度：30%； 身高：30%； 背景色：rgba255、255、255、0.582； } .模态h1{ 保证金：自动； } /*媒体查询*/ /*电话*/ /*肖像画*/ @仅媒体屏幕和最大设备宽度：500px和方向：纵向{ /*导航栏*/ navbar先生{ 位置：绝对位置； 宽度：100%； 排名：0； z指数：2； } 菜单按钮{ 显示：首字母； } .菜单容器{ 背景：47EA； } .菜单选项{ 显示：首字母； } .导航条img{ 保证金：0； } .社交{ 显示：无； } .部分{ 显示：无； } /*关于部分*/ 关于{ 利润率最高：10%； } .问候语{ 填充：0 20px； } /*字幕滚动条*/ 马奎尔先生{ 底部：首字母； 左：首字母； 宽度：300px； 高度：175px； } .帐篷跨度{ 动画：字幕9的线性无限； } @关键帧选框{ 0% { 左：200%； } 100% { 左-340%； } } /*投资组合科*/ 公文包容器{ 显示：网格； 网格模板列：初始； 网格自动行：初始； } .项目{ 边缘：1米； } /*页脚*/ .页脚{ 显示：首字母； } .社交页脚{ 高度：40px； 显示器：flex； 对齐项目：居中； 对正内容：空间均匀； 边缘顶部：20px； } /*模态*/ .莫代尔{ 宽度：70%； 身高：30%； 文本对齐：居中； } } /*景观*/ @仅介质屏幕和最大设备宽度：900px{ /*投资组合科*/ 公文包容器{ 显示：网格； 网格模板列：初始； 网格自动行：初始； } .项目{ 边缘：1米； } /*字幕滚动条*/ 马奎尔先生{ 底部：首字母； 左：首字母； 宽度：300px； 高度：175px； } .帐篷跨度{ 动画：字幕9的线性无限； } @关键帧选框{ 0% { 左：200%； } 100% { 左-340%； } } /*模态*/ .模态背景{ 位置：固定； 背景色：rgba0,0,0,0.5； 对齐项目：居中； 可见性：隐藏； 不透明度：0； 过渡：能见度0s不透明度0.5s； } .模态激活{ 能见度：可见； 不透明度：1； } .莫代尔{ 宽度：50%； 身高：50%； 文本对齐：居中； } } 个人简历 你好，我叫普里玛。我是一名前端web开发人员。 HTML5 CSS3 Javascript 节点包管理器 吉特 网页包 github 反应 文件夹 天气应用程序 组合生成器 神奇画板 联系我 发个短信，我会在24小时内回复你

名称 电子邮件 消息 提交 消息已发送！

---

好的，我看了一下你的代码，我认为这是因为你把所有的媒体查询都设置为设备宽度。浏览器的高度与普通手机或开发工具的高度不同。因此，尝试对高度执行此操作

请尽可能添加代码。不要只是提建议。