2017年11月1日星期三

[CSS]針對不同瀏覽器的CSS


事源是margin top出了問題,讓「個別」瀏覽器出現,導玫要針時「個別」瀏覽器整理CSS 關於Margin top找到一篇不錯文章: CSS 失控的 Margin top
不過小弟不在這裏研究啦~

針對個別瀏覽器的話,首先聯想到 -webkit, -ms, -moz, -o 分別針對Chrome/Safari, IE/Edge, FirefoxOpera, 剛好CSS的transform都支援, 以下代碼示範一下:



不過,不是所有情況都支援的,像是沒有-webkit-padding-top這東西。
雖然-webkit-padding-start-moz-padding-start取代,但是就是沒有-ms-padding-start這東西呀LOL
所以在Google大神的幫助下找到針對不同瀏覽器下隨意寫CSS,小弟就用padding-top作例子:



版本太多不能盡錄,主流的瀏覽器都在應該夠用吧,大家可以在不同瀏覽器試試看喔~

覺得有用的話點擊下面廣告支持一下吧 :D


沒有留言:

發佈留言