[css3]流式布局要点

作者：zccst

让一个div水平、垂直居中

一、流式布局两个要点：

1，在link中加入media

<linksrc="global.css"/>

<linksrc="ipad.css"media="(max-width:980px)and(min-width:600px)"/>

<linksrc="mobile.css"media="(max-width:599px)"/>

2，把精确的像素改为百分比，并使用box-sizing:border-box。

盒模型以border为准。

解决流式布局中两个水平盒子各分50%的宽度

二、在页面布局中小的点

在上面要点基础上也有一些小的点用来精细的设置页面

甚至padding也可以使用百分比。

border-radius

-webkit-linear-graient();

用js检测用户使用设备

使用device.js检测浏览器

device.ipad()

device.mobile()

device.iphone()

device.android()

device.tablet()

device.portait()

device.landscape()