响应式的总结

[0,480) : 属于手机超小屏幕

[480,780) : 属于手机屏幕

[780,980) : 属于平板手机

[980,1200) : 属于PC电脑

[1200,~) : 属于大型屏幕

语法

@media (max-width : 479) { css样式 }

@media (min-width : 480) and (max-width : 779) { css样式 }

@media (min-width : 780) and (max-width : 979) { css样式 }

@media (min-width : 980) and (max-width : 1199) { css样式 }

@media (min-width : 1200) { css样式 }