最新消息:周一至周五21:30分QQ群(161510483)直播,零基础免费学谷歌SEO,WEB前端,PHP入门教程

CSS排版:响应式布局

CSS学习系列 林雍岷 136浏览

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