Css 响应式下拉栏的问题

Css 响应式下拉栏的问题,css,responsive-design,anchor,Css,Responsive Design,Anchor,我已经开始建立一个网站,使用较小尺寸的下拉菜单 是的 我有两个页面,home age和league页面,但下拉菜单给了我问题,或者说,在iphone上查看 我已经在个人电脑chrome开发者工具上测试过了,它运行得很好,但是当我在iphone上查看时,我发现了一个问题 我发现手机上有一行代码不起作用,这就是问题所在,所以我正在寻找解决办法 这是相关的html: 菜单{ 位置:绝对位置; 文本对齐:左对齐; 排名:0; 左:0; 背景色:rgba($dgreen,0.99); 宽度:100%;

我已经开始建立一个网站,使用较小尺寸的下拉菜单

是的

我有两个页面,home age和league页面,但下拉菜单给了我问题,或者说,在iphone上查看

我已经在个人电脑chrome开发者工具上测试过了,它运行得很好,但是当我在iphone上查看时,我发现了一个问题

我发现手机上有一行代码不起作用,这就是问题所在,所以我正在寻找解决办法

这是相关的html:

菜单{
位置:绝对位置;
文本对齐:左对齐;
排名:0;
左:0;
背景色:rgba($dgreen,0.99);
宽度:100%;
高度:100vh;
变换:缩放(1,0);
过渡时间:400ms;
过渡计时功能:三次贝塞尔(1,0,0,1);
变换原点:顶部;
&__盒子{
保证金:0;
填充:0;
列表样式:无;
高度:100vh;
显示器:flex;
弯曲方向:立柱;
光标:指针;
}
&__列表项{
@包括字母间距(0.3rem);
宽度:100%;
身高:100%;
//填充:6.2vh;
边框底部:1px实心rgba(121、122、121、0.301);
}
&__项目链接{
显示器:flex;
对齐项目:居中;
颜色:$橙色;
字号:1rem;
文字装饰:无;
文本转换:大写;
身高:100%;
宽度:100%;
填充:2.2vh;
左:20%;
右边填充:0;
&:悬停,
&:焦点{
背景色:$橙色;
颜色:白色;
}
}


html,body{margin:0;}.menu、.menu*{box size:border box;}在菜单元素中有边框和填充吗?这是我的默认设置:{box size:border box!重要;margin:0;padding:0;border:0;}html{scroll behavior:smooth;overflow-x:hidden;}body{overflow-x:hidden;font-family:“Playfair显示”,衬线;font-weight:400;}现在已排序。如何结束此问题?