根据页面宽度读取对应css

// 769px以下的屏幕对应的设置
@media screen and (max-width: 768px) {
......A
｝

//769px以上的屏幕对应的设置
@media screen and (min-width: 769px), print and (min-width: 0px) {
......B
｝

这样在css文件里分别对不同屏宽进行设置，769px以下的屏幕的设备会以A的设置来显示，769px以上的屏幕的设备会以B的设置来显示。

使用例子：电脑端，移动端的不同排版风格