2017-04-16 55 views
-1

這是我的網站:自適應網頁設計的工作桌面,但不能在移動設備上,它不會加載CSS和JavaScript

http://yashnagariya.me

這個網站在桌面瀏覽器正常運行,甚至當我調整瀏覽器的大小,但是當我在手機上打開它時,它似乎不會加載CSS和JS文件。我不知道爲什麼。

請打開此鏈接在桌面瀏覽器以及移動瀏覽器也,所以你會得到正確的想法。

我已經嘗試添加

<meta name="viewport" content="width=device-width, initial-scale=1"> 

的頭,但它不會修復。

+0

好。它不會在桌面上添加css和js。 –

+0

它也不會在桌面上加載css。您將localhost url留在所有腳本和css鏈接標記上,以便您可以在您正在使用的計算機上看到它。 – vlk

+0

請不要只添加一個鏈接添加一些代碼 – stranger4js

回答

3

enter image description here

打開控制檯(F12),你會看到,沒有被加載所有的資源。因爲這些URL是從本地主機設置的。現在一個接一個地加載它們,你會很開心。確保這裏沒有錯誤。

+0

yaah..thanxx很多兄弟...這是唯一的問題...但在我的電腦它的作品正確becoz的cookie ... thanxx很多 –

+0

不客氣。只是爲了讓你的觀念清晰。在你的電腦上它正在工作,因爲這些文件在你的本地主機服務器上,但是當你去到其他PC時,在他們的本地主機環境中沒有這樣的文件。這是一個問題,我猜每個Web開發人員都至少經歷過一次。 :) –

3

解決方案

您在您的CSS網址中使用了http://localhost。請使用相對路徑。

例如:

<link rel="stylesheet" media="screen" href="http://localhost/cv/css/style.css"/> 

變化:

<link rel="stylesheet" media="screen" href="/css/style.css"/> 

請注意還去除/cv一部分,這似乎並不正確。


說明

http://localhost指向你自己的本地服務器,以便它西港島線開發設備上通過http://yashnagariya.me任何其他設備訪問該網站的時候,又不會。

相關問題