网站仅在 iPad 被切断
Website getting cut off on iPad only
我的网站在 http://brand2o.com/ 上线。该网站响应迅速，在我尝试的每个桌面浏览器和我的 Android phone 上，在任何大小下都可以正常工作，但问题是在 iPad 上，header 被切断所以它说 "Licensing P" 而不是 "Licensing Portal."
我无法找出问题出在哪里，因为我无法在桌面上复制它 — Chrome 的设备模式实际上显示它在右侧有太多空间并且网站没有居中相反！
有什么想法吗？
编辑： 仔细观察，iPad 似乎为每个导航项（它们是 flexbox children）提供了相等的宽度，并且弄乱 flex-basis 和 flex-grow 没有任何区别。我找不到任何关于它的信息，但这是任何一种已知的错误吗？同样，它在其他任何地方看起来都很好，包括桌面 Safari。
其中一些问题与 OS 和 Safari 的版本有关。我在这种情况下所做的，如果您将 iPad 连接到 MAC，您将能够检查 HTML 和 CSS 并找出问题。
希望对您有所帮助！
问候
弄清楚了：lis 被设置为 width: 100%; 用于导航折叠时，我应该在媒体查询中覆盖它以获得更大的屏幕。我添加了 width: auto; 并且它已修复！
我的网站在 http://brand2o.com/ 上线。该网站响应迅速，在我尝试的每个桌面浏览器和我的 Android phone 上，在任何大小下都可以正常工作，但问题是在 iPad 上，header 被切断所以它说 "Licensing P" 而不是 "Licensing Portal."
我无法找出问题出在哪里，因为我无法在桌面上复制它 — Chrome 的设备模式实际上显示它在右侧有太多空间并且网站没有居中相反！
有什么想法吗？
编辑： 仔细观察，iPad 似乎为每个导航项（它们是 flexbox children）提供了相等的宽度，并且弄乱 flex-basis 和 flex-grow 没有任何区别。我找不到任何关于它的信息，但这是任何一种已知的错误吗？同样，它在其他任何地方看起来都很好，包括桌面 Safari。
其中一些问题与 OS 和 Safari 的版本有关。我在这种情况下所做的，如果您将 iPad 连接到 MAC，您将能够检查 HTML 和 CSS 并找出问题。
希望对您有所帮助！ 问候
弄清楚了：lis 被设置为 width: 100%; 用于导航折叠时，我应该在媒体查询中覆盖它以获得更大的屏幕。我添加了 width: auto; 并且它已修复！