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排版:响应式布局