[html5]手机观看网页宽度自适应的问题处理方法

[html5]手机观看网页宽度自适应的问题处理方法

@media screen and (max-width: 600px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/ 
  .class { 
    background: #ccc; 
  } 
} 
 
@media screen and (min-width: 600px) and (max-width: 900px) { /*当屏幕尺寸介于600到900之间时，应用下面的CSS样式*/ 
  .class { 
    background: #fff; 
  } 
} 

@media screen and (max-width: 600px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/ 
  .class { 
    background: #ccc; 
  } 
} 
 
@media screen and (min-width: 600px) and (max-width: 900px) { /*当屏幕尺寸介于600到900之间时，应用下面的CSS样式*/ 
  .class { 
    background: #fff; 
  } 
}