关于响应式web设计

设计响应式布局web

1. 元素浮动
2. 在title中加入

1. 对屏幕像素大小的响应：

@media screen and (min-width:1001px){相应css，比如width:33.33%;}//当横向像素大于1001px
@media screen and (min-width:601px) and (max-width:1000px){width:50%;}//当横向像素介于601–1000px之间。
@media screen and (max-width:600px){width:100%;}//当横向像素小于600px

1. 父元素为relative相对布局，子元素为absolute布局，则子元素以最接近的relative元素参考进行布局

Categories: css, HTML5, 前端