一、關于reset.css

因為不同的瀏覽器默認的樣式不同，所以在著手項目開始前，我們需要引入reset.css，將所有html標簽的默認樣式統一化。我這里推薦一個下載reset.css的網站：https://cssreset.com/，里面還有一些normalize.css之類的，大家有興趣可以研究。

二、關于1px邊框問題

因為自從retina屏以來，不同的手機又不同的像素密度，css中的1px并不等于移動設備中的1px， 最直接的表現就是1px邊框問題；簡單說就是你給border的css寫個1px，到手機上卻變粗了顯示成2px。
所以在項目中我們引入一個border.css解決這個問題。

三、項目中引入

1、新建styles文件夾

把reset.css和border.css粘貼到此：

reset.css

2、main.js中引入

main.js

3、配置路徑

我覺得'./assets/styles/reset.css'這個路徑太長了，所以我們在webapck.base.conf.js中的alias中配置下路徑

配置路徑

4、main.js中簡化下路徑引入

main.js

上面步驟完成以后，因為修改了webpack里面的配置，所以我們需要npm run dev重啟一下服務，ok。

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對武林網的支持。