2016-02-15 69 views
0

我試圖修復速度見解推薦我的問題,反正我不明白一個問題:頁面內容太寬

頁面內容太寬視口,迫使用戶水平滾動 。將頁面內容調整到視口以提供更好的 用戶體驗。

頁面內容寬度爲438像素,但視口寬度僅爲375像素寬度 。

這裏的網站:http://goo.gl/PJRMO9

我無法找到我的網站這個問題,我找不到那個地方,我需要水平滾動。也許有人可以確定問題在哪裏,因爲我根本不知道在哪裏解決這個問題。

我的問題與提供的可能重複有點不同,因爲問題與字體大小有關。

預先感謝您

+0

這對我來說根本不寬。 – Bikas

+0

但建議說有不同的東西,所以應該有一個問題。 – Erasus

+0

可能的重複http://stackoverflow.com/questions/30460380/page-speed-insights-size-content-to-viewport –

回答

1

我認爲這個問題是您的網站的移動版本。請看下面的scren和下面的解釋。

Mobile overflow problem

我認爲這可能會導致這個奇怪的錯誤。我的建議是減少這個h1元素的字體大小。

您可以使用谷歌瀏覽器開發工具和設備模式(您可以在ctrl + shift + m和刷新頁面的chrome開發工具中打開它)來觀察。嘗試在開發工具中進入移動模式,並從以下位置更改主體上的css: overflow-x:hidden!important; 溢出-x:可見的!重要的;

在移動模式下重新加載頁面,並向下滾動。你應該看到:

Overflow error :)

+0

非常感謝!答案很清楚。立即減小字體大小解決問題。 – Erasus

+1

沒問題!我很高興它有幫助。來自波蘭的問候! :-) – jarasss

+0

來自立陶宛的問候呢!我們不是那麼遙遠。並再次感謝,我真的很感激! – Erasus