CSS3 瀏覽器相容

css

3中-moz、-ms、-webkit和-o分別代表什麼意思  

1、-moz-：代表firefox瀏覽器私有屬性  

2、-ms-：代表ie瀏覽器私有屬性  

3、-webkit-：代表safari、chrome瀏覽器私有屬性  

4、-o-：代表opera瀏覽器私有屬性 

/* 手機等小螢幕手持裝置 */

@media screen and (min-width: 320px) and (max-width: 480px) 
}/* 平板之類的寬度 1024 以下裝置 */
@media only screen and (min-width: 321px) and (max-width: 1024px) 
}/* pc客戶端或大螢幕裝置: 1028px 至更大 */
@media only screen and (min-width: 1029px) 
}/* 豎屏 */
@media screen and (orientation:portrait) and (max-width: 720px) 
/* 橫屏 */
@media screen and (orientation:landscape)

CSS3 瀏覽器字首相容寫法

vendor prefix 瀏覽器引擎字首，是一些放在css屬性前的小字串，用來確保這種屬性只在特定的瀏覽器渲染引擎下才能識別和生效。谷歌瀏覽器和 safari瀏覽器使用的是webkit渲染引擎，火狐瀏覽器使用的是gecko引擎，internet explorer使用的是trident引擎，oper...

瀏覽器相容 CSS3 選擇器

ie大小寫無關係 去掉間的間距 font size 0px word spacing 0px 數值px float 透明 opacity 數值 0 1 被設定的元素整體透明度 element element 如 div p 只選擇div裡邊的第一代p元素.element element 如 li l...

css3常用 選擇器 瀏覽器相容

字首 瀏覽器 webkit chrome和safari moz firefox msie oopera 上圖是各大瀏覽器的相容 圓角效果 border radius 陰影效果 box shadow 例 box shadow 4px 2px 6px f00,4px 2px 6px 000 0px 0p...