简单的根据浏览器窗口宽度的响应式布局

// 当浏览器窗口宽度大于1000px且小于1200px时的布局样式 @media screen (min-width: 1000px) and (max-width: 1200px) { #content { position: relative; width: 20%; background-color: #eeeeee; margin: 0; padding: 0; box-shadow: 0 0 10px 0 #333333; } }