网站仅在iPad上被切断

Question

我的网站正在http://brand2o.com/上线。该网站是响应式的，并且在我尝试的每个桌面浏览器和我的Android手机上都可以正常工作，但问题是在iPad上，标题的右侧被截断，因此它表示＆＃34; Licensing P＆ ＃34;而不是＆＃34;许可门户。＆＃34;

我无法确定问题所在，因为我无法在桌面上复制它 - Chrome的设备模式实际上显示它在右边有太多空间而网站没有居中代替！

有什么想法吗？

编辑：仔细观察，看起来iPad正在为每个导航项目（他们的Flexbox儿童）提供相同的宽度，并且使用flex-basis和flex-grow don＆＃ 39;没有任何区别。我无法找到任何关于它的信息，但这是否是任何已知的错误？同样，它在其他任何地方看起来都很好，包括桌面Safari。

Answer 1

其中一些问题与操作系统和Safari的版本有关。在这种情况下我做了什么，如果你将iPad连接到你的MAC，你将能够检查HTML和CSS并找出问题。

Debug apple devices

Another site

希望这有帮助！ 此致

Answer 2

想出来：当导航崩溃时，li被设置为width: 100%;，我应该在媒体查询中覆盖它以获得更大的屏幕。我添加了width: auto;并且已经修复了！