僅在iPad上切斷的網站

-1

我的網站是住在http://brand2o.com/。該網站是響應式的，在我嘗試使用的所有桌面瀏覽器上以及我的Android手機上都可以正常工作，但問題在於，在iPad上，標題的右側會被切斷，因此它會顯示「Licensing P」，而不是「授權門戶」。僅在iPad上切斷的網站

我無法找出問題所在，因爲我不能複製它在桌面上 - Chrome瀏覽器的設備模式實際上顯示了具有右側和太室之網站不是集中！

任何想法？

編輯：仔細一看，它看起來像iPad給每個導航項目（他們是flexbox兒童）等寬，並且基於flex和flex-grow的混亂沒有任何區別。我找不到任何關於它的信息，但是這是否有任何已知的錯誤？再次，其他地方看起來很好，包括桌面Safari。

2017-06-15 Eriyu

你確定你沒有放大？我檢查了ios sim看起來很好 – Huangism

正面...如果我嘗試縮小，它仍然在「Licensing P.」中斷。 – Eriyu

@Eriyu少數元素溢出了很多右邊。如果您向右滾動，您將看到 –

發現：當導航崩潰時，li被設置爲width: 100%;，我應該在媒體查詢中覆蓋它以顯示更大的屏幕。我加了width: auto;，它已經修好了！

2017-06-16 14:54:58 Eriyu

其中一些問題與OS和Safari版本有關。我在這個實例上做了什麼，如果您將iPad連接到您的MAC，您將能夠檢查HTML和CSS並找出問題。

希望這有助於！ Regards

2017-06-15 20:22:53 capote

謝謝！我做了這些，發現導航鏈接被強制爲相同的寬度，所以除了「授權門戶」中斷之外，「關於」和「團隊」的空間也太多。仍然不知道爲什麼或如何修復它，但... – Eriyu

回答