又一次搬家囉! https://blog.inndy.tw

about 5 years ago

好不容易寫好了一份CSS。換個Browser突然獵奇了?IE傲嬌不聽話欠調教?

不同的Browser間會產生差異是因為,各家CSS預設值並不相同

Ex:

Browser A裡面,div的padding預設是6px

Browser B裡面,div的padding預設是4px

這時候如果你寫的CSS對齊的很精準...換個Browser就哭哭了!

所以我們透過重新定義所有元素的預設值,不使用瀏覽器的預設值,就可以讓他們乖乖聽話了!

說好的載點呢?

https://github.com/necolas/normalize.css

reset.css如何?

reset.css會把所有element預設的padding, margin, ...全部變成0,font-size全部100%,還要自己手動調整,其實有點麻煩

normalize.css是給你一個共同的default,你就不需要重新定義heading的font-size,不用重新定義p的line-height,比較節省時間。

← 一個JavaScript小遊戲:BOXES! 前端好朋友之一些好用的網站蒐集 →
 
comments powered by Disqus