css自适应屏幕切换样式

今天在项目中遇到一个根据屏幕宽度变更css样式的问题，在这里与大家分享一下。

@media screen and (max-width: 768px) {//当屏幕小于768px，自动使用以下样式
　　.disb {
　　display: none;
　　}

}

写法是前面加@media
条件触发之后便会覆盖之前的样式
要注意的是由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要，否则会出现横向滚动条。