css响应式布局:基本布局已经完成，确保自动适配各种屏幕，在不同的屏幕效果看起来效果好。学习使用media query 自动调整显示效果。媒体(media)查询在 CSS3 上有介绍：CSS3 @media 查询。使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。
1、@media(max-width:85rem){
body
padding:0 2.5rem
}
2、@media(max-width:60rem)
.content-left,.content-right
float:none;
width:100%
.content-right
padding-left:0;
padding-top:4rem;
转载请注明：林雍岷 » CSS排版：响应式布局