關於瀏覽器更新後出現的樣式問題

2021-10-21 14:41:25 字數 723 閱讀 2079

在網上找了很多的方式也沒有辦法恢復樣式,於是就自己嘗試著改變了一下選擇器的層級,將樣式單獨移除作用到元件結構上,發現樣式是可以生效的,最後發現加了deep的選擇器樣式無法生效,然後將其移除後樣式就立馬生效了,做了多次嘗試後發現了一些問題,以下總結一下。

在style中不加上scoped(scoped的作用就不解釋了),在瀏覽器更新後就出現了問題,無法使用deep修飾樣式選擇器,但凡是使用了的都不會生效。

解決辦法:將deep修飾去掉,樣式就再次生效

deep修飾的選擇器無法相互巢狀,在新版瀏覽器中,非要這樣使用就會導致樣式無法生效。

解決方式:將巢狀中的deep修飾去除,就不會再次影響樣式。

說白了就是沒有做好**的規範,前人寫的**影響到了後面的**,同樣的現在寫的**如果沒有規範好,也會影響到往後的**,總之乙個良好的**習慣和統一的規範是非常重要的

火狐瀏覽器更新後問題

前幾日火狐瀏覽器自動更新到了57。今天開啟網頁時發現火狐打不開了,開啟網頁後瀏覽器頁面迅速的變小到左上角直到消失不見。從下方工作列中能夠看出有頁面正在開啟。經過一番研究,發現開啟頁面後迅速全屏才能不讓頁面消失。其他瀏覽器沒有問題。解除安裝 重新安裝,仍然出現該問題。最後在附加元件 主題中看到當前主題...

關於除錯CSS跨瀏覽器樣式bug的問題

首先要做的是挑選乙個好的瀏覽器。我的選擇是chrome,因為它擁有強大的除錯工具。當我在chrome上完成除錯後,我會接著在safari或者firefox上除錯。如果在這些 好的 瀏覽器上沒有達到期望的效果,很有可能是 本身違背了css規則。不要試圖使用hack方法來解決在這些 好的 瀏覽器上出現的...

解決vue多次打包後出現瀏覽器快取的問題

每次打包更新版本上傳到伺服器上,會偶爾出現 沒有更新還是舊 的邏輯,這就代表瀏覽器存在快取的問題了。webpack prod.conf.js 下修改output const timestamp newdate gettime output vue.config.js 下修改 新增output con...