2015-04-28 91 views
3

我的問題與我的頁面上CSS加載緩慢有關,因爲太多*:之前*:加載之後...例如:基礎CSS加載*:在*之前*:僞元素過多次

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 

現在我無法弄清楚這一點。我編譯了基礎app.scss,並且只是使用這個app.css文件,出於某些原因,像.columns或小12,中12和大12這樣的類在我的頁面上多次加載,相互覆蓋。 這導致我的css被加載幾秒鐘。

我正在使用基礎版本{font-family:「/5.5.0/」; }

我無法找到其他人有這個問題。任何人都可以指出我的解決方案? Thx

+0

不要下載完整的基礎下載自定義 http://foundation.zurb.com/develop/download.html#customizeFoundation –

+0

不知道這是否能解決問題,因爲這些類的接縫要從同一行加載,請參閱如下: '*,*:之前,*:在{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } *,*:before,*:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } *,*:before,*:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }' 但我試試看看會發生什麼。 Thx – goran

+0

它的同一行,因爲它縮小了。 –

回答

2

爲了讓大家都知道我在第11行的functions.scss文件中遇到了問題,我錯過了!全局參數$modules: $modules !global;。添加完成後,編譯後的CSS變得更小了,現在我沒有任何問題。