事源是margin top出了問題,讓「個別」瀏覽器出現,導玫要針時「個別」瀏覽器整理CSS
關於Margin top找到一篇不錯文章:
CSS 失控的 Margin top
不過小弟不在這裏研究啦~
針對個別瀏覽器的話,首先聯想到
-webkit, -ms, -moz, -o 分別針對
Chrome/Safari,
IE/Edge,
Firefox和
Opera, 剛好CSS的transform都支援, 以下代碼示範一下:
不過,不是所有情況都支援的,像是沒有-webkit-padding-top這東西。
雖然
-webkit-padding-start和
-moz-padding-start取代,但是就是沒有-ms-padding-start這東西呀LOL
所以在Google大神的幫助下找到針對不同瀏覽器下隨意寫CSS,小弟就用padding-top作例子:
版本太多不能盡錄,主流的瀏覽器都在應該夠用吧,大家可以在不同瀏覽器試試看喔~
覺得有用的話點擊下面廣告支持一下吧 :D
沒有留言:
發佈留言