移動瀏覽器與桌面瀏覽器對CSS支持的差異： * 桌面用例在移動端不存在。如hover。 * 視口不統一。如單位vw和vh。 * 對獨立可滾動層的需求在移動設備上更難實現。如background-attachment。 * 硬件限制。在老設備上transition和animation可能無法使用。 以下屬性都不建議在移動Web上使用。 ### position:fixed 此屬性標準沒有支持縮放。 ### overflow:auto 多個可滾動層體驗不好，并且移動上默認不顯示滾動條會漏掉內容。 `-webkit-overflow-scrolling:auto`：平滑滾動。 ### background-attachment 三個可選值scroll、fixed、local。會創建過多的可滾動層，影響性能。 ### 尺寸單位vw和vh 非常冷門的單位，本來也沒什么人用，這里就不多說了。 ### :active和:hover `:hover`在桌面瀏覽器用的過多，因此移動設備必須支持，但實際上在用戶觸摸元素時觸發，引起事件級聯。 `:active`相對支持的不好，可以和`:focus`同時使用，后者支持的較好。 ### transition和animation 實際上瀏覽器支持的很好，但這兩個屬性會用到GPU，而移動設備GPU很糟糕，至少是早期的很糟糕。