A LESS code style for browsers that don't support media query, that would be better if Mixins could be passed into rulesets as parameters.

css-source.css

@media (max-width: 1440px) {
  .layout .grid {
    width: 1190px;
  }
  .sidebar {
    float: left;
  }
  .sidebar li {
    display: block;
    vertical-align: bottom;
  }
}
.max1440 .layout .grid {
  width: 1190px;
}
.max1440 .sidebar {
  float: left;
}
.max1440 .sidebar li {
  display: block;
  vertical-align: bottom;
}

less-source.css

// define some useful strings globally
@mq1440: ~"(max-width: 1440px)"; 
@mq1280: ~"(max-width: 1280px)";
@mq1024: ~"(max-width: 1024px)";
 
// class set that need apply under media query conditions.
.clzset () {
  .layout .grid {
    width: 1190px;
  }
  .sidebar {
    float: left;
  }
  .sidebar li {
    display: block;
    vertical-align: bottom;
  }	
}
 
 
// browsers that support mq
@media @mq1440 {
  .clzset();
}	
// browsers that don't support mq
.max1440 {
  .clzset();		
}

less-source.css 使用的是 less 源码，经它编译得到的 css 代码是 css-source.css