Ios Iphone 4 web应用程序页脚被切断

我有一个web应用程序，在ipad air上看起来不错，但在Iphone 4s上，页脚被切断了。我将初始比例设置为1，如果我将其设置为.5，我可以看到页脚，但不应在比例为1时工作，这意味着没有缩放，对吗？我不确定在iPhone4上剪掉页脚是怎么回事

谢谢

这是我的代码的精简版本和不带前缀的css

*，*：之前，*：之后{
框大小：继承；
}
html{
框大小：边框框；
字体大小：10px；
}
身体{
保证金：0；
字号：1rem；
}
.页面主机{
最小高度：100vh；
高度：100vh；
溢出：隐藏；
显示器：flex；
弯曲方向：立柱；
}
.应用程序标题{
显示器：flex；
弯曲方向：行；
对齐项目：居中；
证明内容：周围的空间；
填充：1rem；
背景#F0CB45；
}
.内容包装器{
flex:1自动；
显示器：flex；
弯曲方向：立柱；
溢出y：自动；
}
.内容{
弹性：1；
填充：20px；
线高：1.6；
}
.图标栏{
显示器：flex；
弯曲方向：行；
背景#F0CB45；
}
.图标栏a{
弹性：1；
}
.图标栏a{
文本对齐：居中；
填充：1.5雷姆；
背景：EFCA51；
}
.图标栏i{
显示：块；
字体大小：2.5rem；
垫底：1毫米；
}

我的应用程序
在铜酸盐工业大厦的广告，除了劳丹提姆实验室外，其他地方都有
必要性痣是一种综合性的选择，其质量、驱避性和持续性都很好
桑特
暂时性静脉曲张。
布朗迪提斯是一个很好的解释，因为他是一个有能力的人，
维尼亚姆酒店。别名“区分所有人”和“所有人”的名称！
不可否认的是，在法律规定的范围内犯下的过失
尼西
苏西皮特河畔酒店。连续性错误，请按顺序执行。非同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧
麦格纳姆·奎登·沃卢帕斯。
这是一种连续的罪过，是一种不负责任的行为
nemo nobis nostrum Nullar obcaecati optio quo-sed Solutiona tempora，Temporary ibus velit voluptas，
voluptatem voluptatum。
除铜酸盐外，其余均为全方位吸收。假想过失
杜西姆斯
练习：我是一个很好的学生！多洛·多洛雷姆库，除了真实的真理。莫迪
不会奏效的计策
真正的执行官。
Adipisci、beatae和dolorem eos实习-阻碍小白鼠的发育
静脉蒂颞肌，静脉蒂颞肌。杜西莫斯是我的最爱！贵金属铜
实验室用透明质酸杆菌。
除铜酸盐外，其余均为全方位吸收。假想过失
杜西姆斯
练习：我是一个很好的学生！多洛·多洛雷姆库，除了真实的真理。莫迪
不会奏效的计策
真正的执行官。
Adipisci、beatae和dolorem eos实习-阻碍小白鼠的发育
静脉蒂颞肌，静脉蒂颞肌。杜西莫斯是我的最爱！贵金属铜
实验室用透明质酸杆菌。
除铜酸盐外，其余均为全方位吸收。假想过失
杜西姆斯
练习：我是一个很好的学生！多洛·多洛雷姆库，除了真实的真理。莫迪
不会奏效的计策
真正的执行官。
Adipisci、beatae和dolorem eos实习-阻碍小白鼠的发育
静脉蒂颞肌，静脉蒂颞肌。杜西莫斯是我的最爱！贵金属铜
实验室用透明质酸杆菌。
除铜酸盐外，其余均为全方位吸收。假想过失
杜西姆斯
练习：我是一个很好的学生！多洛·多洛雷姆库，除了真实的真理。莫迪
不会奏效的计策
真正的执行官。
Adipisci、beatae和dolorem eos实习-阻碍小白鼠的发育
静脉蒂颞肌，静脉蒂颞肌。杜西莫斯是我的最爱！贵金属铜
实验室用透明质酸杆菌。
除铜酸盐外，其余均为全方位吸收。假想过失
杜西姆斯
练习：我是一个很好的学生！多洛·多洛雷姆库，除了真实的真理。莫迪
不会奏效的计策
真正的执行官。
Adipisci、beatae和dolorem eos实习-阻碍小白鼠的发育
静脉蒂颞肌，静脉蒂颞肌。杜西莫斯是我的最爱！贵金属铜
实验室用透明质酸杆菌。
除铜酸盐外，其余均为全方位吸收。假想过失
杜西姆斯
练习：我是一个很好的学生！多洛·多洛雷姆库，除了真实的真理。莫迪
.content-wrapper {
    flex: 1;
...
}