關於火狐和谷歌瀏覽器中遇到的一些相容問題

2022-09-07 11:51:16 字數 1079 閱讀 7219

這是在 chrome 瀏覽器顯示的畫面,  正常 

這是在 firefox 瀏覽器顯示的畫面, 不正常

排查過程:

1:先把兩個瀏覽器的快取進行清空  或者按下 ctrl + f5。  再次對比檢視發現還是一樣。

2:定位到  這一段**的樣式進行檢視  

3:發現這個框太小於是拉寬  width: 113px  ,並沒有起到作用,是不是層級出現了問題  於是把  z-index = 10000。 還是沒用

4:感覺是樣式的問題, 把class 清除掉 ,看看會不會顯示 字,結果發現會正常顯示。 由此定位到 這個 class樣式出現了問題!

5:仔細觀察此樣式,  大夥看出**出現問題了沒有?

#uploader .placeholder .webuploader-pick
6:font-size : 1px   出現了問題,於是把 字型放大 ,就正常顯示了。 

7:為什麼 chrome 瀏覽器 font-size : 1px 能正常顯示, 而 firefox 瀏覽器卻不能正常顯示呢。 

8:測試之後得出的結論:

chrome 瀏覽器   字型最小的畫素限定為  12px  ,低於此值  無效 

firefox  瀏覽器   字型完全按照 我們指定的畫素進行展示  

css修改谷歌瀏覽器和火狐瀏覽器的滾動條樣式

css 谷歌瀏覽器滾動條樣式 webkit scrollbar webkit scrollbar track piece webkit scrollbar thumb 也可以單獨設定橫向滾動條和縱向滾動條的背景顏色 webkit scrollbar thumb vertical webkit scr...

火狐谷歌瀏覽器上傳檔案問題

我們使用的ie瀏覽器可以獲取本地完整路徑,直接用 傳到後台乙個明路徑就可以。但是谷歌,火狐等瀏覽器保護客戶隱私,對我們本地路徑進行了遮蔽。導致無法獲取完整路徑,只能通過頁面將檔案流傳遞到後台,在進行解析操作。我們可以使用 ajaxfileupload.js檔案 ajaxfileupload succ...

關於火狐瀏覽器那點小事

以前瀏覽網頁都是用的ie瀏覽器,對瀏覽器也沒有什麼研究,後來也忘記開始為什麼自己安裝上了火狐瀏覽器,只是慢慢的喜歡上了火狐,使用感覺很不錯,給我的最大感受就是開啟網頁速度快和擴充套件性,在這兒向朋友們推薦一下!火狐與ie乙個很大的區別,就是可以diy自己的瀏覽器,這也是很多使用者喜歡火狐的原因之一吧...