網站未正確加載手機

Question

我在嘗試在任何移動瀏覽器上加載我的網站http://www.internhacks.io/時出現問題。 該項目可在Github上找到here。

我已經在使用Chrome開發工具的移動設備上測試過該網站，並且所有內容都可以很好地加載/響應。

但是，當在我的實際電話上測試網站時，有時網站根本不會加載，有時只是部分加載。

注：應用按鈕並不意味着做任何事情

我認爲它可能與具有大的圖像爲背景做。如果檢測窗口較小，我應該使用較小的版本嗎？ img高度設置爲100vh。

如果有誰知道什麼可能導致這，或更好的辦法知道調試移動網站比在Chrome瀏覽器開發工具，請讓我知道！

Answer 1

我使用Opera mini以各種屏幕分辨率測試移動設備（也稱爲android）。

「身高設置爲100vh」吧？以前從未見過那個。爲了適應可用空間內的圖形，避免固定大小（又稱100px），並使用相對寬度：xx％

是的，將大圖形發送到移動設備和從服務器發送大量圖形是浪費時間，您需要發送一些xxx-低分辨率代替

將JS腳本加載到節中以允許首先加載所有對象是有幫助的。