仅在iPad上切断的网站

问题描述:

我的网站是住在http://brand2o.com/。该网站是响应式的,在我尝试使用的所有桌面浏览器上以及我的Android手机上都可以正常工作,但问题在于,在iPad上,标题的右侧会被切断,因此它会显示“Licensing P”,而不是“授权门户”。仅在iPad上切断的网站

enter image description here

enter image description here

我无法找出问题所在,因为我不能复制它在桌面上 - Chrome浏览器的设备模式实际上显示了具有右侧和太室之网站不是集中!

enter image description here

任何想法?

编辑:仔细一看,它看起来像iPad给每个导航项目(他们是flexbox儿童)等宽,并且基于flex和flex-grow的混乱没有任何区别。我找不到任何关于它的信息,但是这是否有任何已知的错误?再次,其他地方看起来很好,包括桌面Safari。

+0

你确定你没有放大?我检查了ios sim看起来很好 – Huangism

+0

正面...如果我尝试缩小,它仍然在“Licensing P.”中断。 – Eriyu

+0

@Eriyu少数元素溢出了很多右边。如果您向右滚动,您将看到 –

发现:当导航崩溃时,li被设置为width: 100%;,我应该在媒体查询中覆盖它以显示更大的屏幕。我加了width: auto;,它已经修好了!

其中一些问题与OS和Safari版本有关。我在这个实例上做了什么,如果您将iPad连接到您的MAC,您将能够检查HTML和CSS并找出问题。

Debug apple devices

Another site

希望这有助于! Regards

+0

谢谢!我做了这些,发现导航链接被强制为相同的宽度,所以除了“授权门户”中断之外,“关于”和“团队”的空间也太多。仍然不知道为什么或如何修复它,但... – Eriyu