Html 滚动并没有出现在移动视图中，因为内容的大小很小

当我在chrome开发者工具中切换到移动视图时，滚动不会出现，所有的内容在屏幕上都是可见的，这使得阅读变得非常困难，因为它们变得非常小，无法进行高度调整。 因此，内容正在调整，因此变得越来越小。 当我在chrome开发者工具中切换到移动视图时，滚动不会出现，所有的内容在屏幕上都是可见的，这使得阅读变得非常困难，因为它们变得非常小，无法进行高度调整。 因此，内容正在调整，因此变得越来越小

开始工作
.主货柜{
显示器：flex；
柔性流：柱包裹；
对齐项目：居中；
字体系列：拉托字体、Arial字体、无衬线字体；
填充：0.10%；
}
身体{
边框：1px纯色灰色；
}
页脚{
高度：240px；
背景图像：url（./Group\4265.svg）；
}
.标题图标{
宽度：100px；
边缘顶部：60像素；
边缘底部：60px；
}
.毛利-前60名{
边缘顶部：60像素；
}
拉托·博尔德先生{
字体大小：24px；
字体大小：粗体；
线高：1.21；
字母间距：正常；
文本对齐：居中；
颜色：#000000；
}
拉托·博尔德先生{
字体大小：粗体；
}
.font-size-21{
字号：21px；
}
.font-size-18{
字号：18px；
}
.毛利-前20名{
边缘顶部：20px；
}
.毛利-前30名{
边缘顶部：30px；
}
.保证金-底价-30{
边缘底部：30px；
}
.宽度100%{
宽度：100%；
}
.调整周围的空间{
显示器：flex；
证明内容：周围的空间；
}
.flex-justify之间的间距{
显示器：flex；
证明内容：之间的空间；
}
.flex-justify之间的间距{
显示器：flex；
证明内容：中心；
}
.flex{
显示器：flex；
}
.调整柔性端{
证明内容：柔性端；
}
栗色背景{
颜色：#7a2693；
}
.宽度-80%{
宽度：80%；
}
.虚线边框{
边框：1px虚线#8b4c9e；
宽度：320px；
显示：内联块；
垂直对齐：超级；
}
.左-右-百分之十{
左：10%；
右：10%；
}
.宽度-150{
宽度：150px；
}
.保证金-底价-20{
边缘底部：20px；
}
.柔性柱{
显示器：flex；
柔性流动：柱；
}
.页脚图标{
位置：绝对位置；
边缘顶部：100px；
宽度：100%；
显示器：flex；
柔性流动：柱状nowrap；
}
.页边距-左-20{
左边距：20px；
}
.白色{
颜色：白色；
}
/*@介质（最大宽度：767px）{
.主货柜{
填充：0；
} 
} */
套餐购买成功！
你好
您已成功购买SUPERSAVER软件包。
包裹详情见下文。
使用GetToWork简化办公室通勤。
享受无压力的工作日。
版权所有©MoveinSync技术解决方案私人有限公司

该页面不适合移动屏幕，因为缺少

视口

元

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

这是你的页面

开始工作
.主货柜{
显示器：flex；
柔性流：柱包裹；
对齐项目：居中；
字体系列：拉托字体、Arial字体、无衬线字体；
填充：0.10%；
}
身体{
边框：1px纯色灰色；
}
页脚{
高度：240px；
背景图像：url（./Group\4265.svg）；
}
.标题图标{
宽度：100px；
边缘顶部：60像素；
边缘底部：60px；
}
.毛利-前60名{
边缘顶部：60像素；
}
拉托·博尔德先生{
字体大小：24px；
字体大小：粗体；
线高：1.21；
字母间距：正常；
文本对齐：居中；
颜色：#000000；
}
拉托·博尔德先生{
字体大小：粗体；
}
.font-size-21{
字号：21px；
}
.font-size-18{
字号：18px；
}
.毛利-前20名{
边缘顶部：20px；
}
.毛利-前30名{
边缘顶部：30px；
}
.保证金-底价-30{
边缘底部：30px；
}
.宽度100%{
宽度：100%；
}
.调整周围的空间{
显示器：flex；
证明内容：周围的空间；
}
.flex-justify之间的间距{
显示器：flex；
证明内容：之间的空间；
}
.flex-justify之间的间距{
显示器：flex；
证明内容：