通過chrome開發工具應用時，不保留媒體查詢樣式

Question

我一直對應用於html元素的樣式有問題，這些更改是通過chrome開發工具進行的。我確保我的文本編輯器和chrome開發工具的編輯器同步，以便在我的編輯器中顯示開發工具中所做的任何更改。問題是，當我更改我的行代碼時，一旦我刷新了瀏覽器，更改就會消失，即使我保存了所做的更改並反映在本地文本編輯器中。我可能會做錯什麼，請問我在網上搜索答案，但沒有。 如果問題太長，請耐心等待，但我希望儘可能詳細。 P.S：我使用媒體查詢來應用這些更改，因爲我通過這種方式獲得了更好的結果。Screenshot

Answer 1

這很簡單，您只需從文本編輯器中進行所需的媒體查詢，而不是從chrome開發工具中進行查詢，這樣就可以解決問題。

注意：Chrome開發人員工具更適合您預覽自己的作品，而不是進行永久更改，這就是爲什麼當您刷新頁面時，所有內容都將消失。

你應該嘗試使用！重要的你的風格。 如

.media{ 
@media only screen and (max-width:568px){ 
width:100% !important;}} 

我用這個時刻，當我遇到這種問題的