2016-03-30 31 views
1

最近,我的網站佈局發生了變化,沒有我做任何事情。例如:some text has been heavily misplaced and small circles are appearing in strange places.CSS自發改變,bug?

奇怪的部分是它無法更改 - 無論我在CSS中更改什麼,更改都不會顯示在我的網站上。我可以從字面上清除整個.css內容並保存它,並且它仍然會顯示同一個網站,但有一些錯誤的對象。但是,如果我要從我的HTML代碼中刪除標記,它將完全刪除CSS佈局。發生了什麼?

更新 圖片不顯示,這裏是一個鏈接:gyazo.com/bb6069d4de568c902e8526864b5f5f2f的「 - - - 」一部分原本放置在灰色區域與表格下方。我已經做了兩個文件,因爲它顯示正確

+0

添加到您的網站的的鏈接以獲得幫助。 – Miro

+0

這是一個本地主機。我可以附上我的工作代碼,但我認爲這個問題與CSS或Chrome本身有關。 – Birks

+0

CSS *是*代碼,所以包括它(和html) – Johannes

回答

1

很可能您的網站並未抓取樣式表的最新版本,因爲顯示的是緩存版本。您可以附加V =(x值)的鏈接的最終搶到樣式表,是這樣的:

<link rel="stylesheet" type="text/css" href="luffisdesign.css?v=1"/> 

或者,你可以,如果你使用PHP使用?t=<%= DateTime.Now.Ticks %>

想留下評論而不是回覆,因爲這並不回答你對隨機圓圈的關注,但是不能,因爲我沒有50個代表。

+1

只爲不知道的人提供一個提示:'?v'或'?t'部分並不意味着什麼。你可以做'?meow = panda1',它會有相同的影響。這樣做背後的想法,只是你正在改變的URL。由於URL已更改,瀏覽器不緩存它,因爲它認爲它是新的並且尚未在以前下載過。 – Kenyon

+0

不知道這一點。謝謝! –

2

絕對零變化我的猜測是你更新你的瀏覽器你的東西。

通常情況下,當CSS「卡住」時,這意味着有某種緩存正在進行。嘗試刪除CSS,並打開一個隱私瀏覽會話,看看是否有效。

在Chrome上,在開發人員工具中,您可以禁用緩存,也可以使用ctrl + f5來幫助緩存。

如果你正在做服務器端緩存,那麼像mystyle.css?v=1這樣的查詢參數對於緩存清除非常有效。

0

感謝您的所有答案!像Kenyon說的,這可能是因爲我最近更新了我的瀏覽器。沒想到這一點。我設法解決我的問題,只需將我的.css文件中的文本轉換爲新文檔,然後將新文檔鏈接到HTML代碼。我不知道爲什麼解決它,因爲它們都包含完全相同的文件,但它不知道如何。

+1

像我自己和Daniel Gomez說的那樣,它和緩存有關。您的瀏覽器緩存(離線保存,基本上)您的CSS文件。所以,即使你改變了它,瀏覽器也從不要求它,因爲它假定它已經有了CSS文件。 – Kenyon