Html Wordpress导航CSS兼容性问题

我刚开始创建一个客户网站，但是我已经遇到了一个绊脚石；我试图在Wordpress中为导航添加一个ribbon类型的外观，但是每当我在iPhone和iPad等iOS设备上为导航添加一个填充或边距（即.menu ul）时，ribbon的右侧会在屏幕上延伸得更远

你知道这是什么原因吗

有关地点：

编辑：我更改了.ul菜单的宽度-当我添加像素值时，它会出现，在iOS浏览器中会有不同的解释，但是当我添加百分比值时，它在iOS上看起来很好。你知道为什么吗

Edit2：现在的问题是，iOS设备的右侧没有显示功能区的顶部（页面后面“弯曲”的部分）。有什么帮助吗

---

谢谢。

对于那些将来可能会遇到类似问题的人，问题是Safari正在使用父包装并调整其大小以适应屏幕。修复这一问题需要添加一个比页面包装更大的新包装。

可能是填充。您应该使用

@media

查询专门针对不同样式的移动设备。是的，原因是您的色带背景图像大于屏幕分辨率