火狐是一個廣受歡迎的瀏覽器，但有時候在編寫css樣式時，可能會遇到一些兼容性問題。下面介紹一些常見的問題及解決方法。

// 1. 文字下劃線問題
a {
text-decoration: none;
border-bottom: 1px solid;
}

火狐文字下劃線會突出，這是因為火狐會默認給a標簽加上一些額外的padding和border。解決方法是給a標簽加上box-sizing: border-box;屬性，讓它的padding和border不會超出父元素寬度。

// 2. 文字縮放問題
body {
font-size: 16px;
}
h1 {
font-size: 2em;
}

在火狐中，使用em單位縮放字體會跟隨父元素計算，而不是跟隨根元素（html）計算。因此在上述代碼中，h1的字體大小會是32px（16 * 2），而不是使用em單位的其他瀏覽器中的3em=48px。解決方法是將父元素font-size設置為0，再在子元素中使用em單位縮放字體大小，這樣所有瀏覽器渲染的結果都是一致的。

// 3. 邊框問題
div {
width: 100px;
height: 100px;
border: 1px solid red;
box-sizing: border-box;
}

在火狐中，對于border的寬度計算有所不同。因此，給元素設置寬度和高度時，要記得給border-box屬性，讓它的寬高包括border和padding。

總之，寫兼容所有瀏覽器的css樣式有時會很繁瑣，但是經過實踐和總結，可以找到一些可行的解決方法。希望這些小技巧可以幫助大家更快寫出兼容所有瀏覽器的代碼。