[css3]流式布局要点


让一个div水平、垂直居中

CSS的media检测设备宽度

一、流式布局两个要点:

1,在link中加入media

<link src=”global.css” />

<link src=”ipad.css ” media=”(max-width:980px) and (min-width:600px)” />

<link src=”mobile.css ” media=”(max-width:599px)” />

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

盒模型以border为准。

二、在页面布局中小的点

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

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

border-radius

-webkit-linear-graient();

用js检测用户使用设备

使用device.js检测浏览器

device.ipad()

device.mobile()

device.iphone()

device.android()

device.tablet()

device.portait()

device.landscape()


5 responses on “[css3]流式布局要点

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>