css流式和弹性布局(未完)

时间:2023-11-22 09:12:56

(子容器%父容器)*100

png透明
ie6中
filter:progid:DXImageTransfornm.Microsoft.AlphaImageLoader(

src='路径',sizingMethod='crop');
)
behavior:url(iepngfix.htc)
让一个div水平、垂直居中

一、流式布局两个要点:
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为准。
解决流式布局中两个水平盒子各分50%的宽度

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

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

border-radius

-webkit-linear-graient();

用js检测用户使用设备

使用device.js检测浏览器

device.ipad()
device.mobile()
device.iphone()
device.android()
device.tablet()
device.portait()
device.landscape()

http://qianduanblog.com/post/css-learning-16-css3-flex-responsive-design.html
http://qianduanblog.com/post/css-learning-18-css3-flex-responsive-design-example.html

http://www.kancloud.cn/zhongzhong/webtop/106237
http://www.kancloud.cn/zhongzhong/webtop/106238
http://www.ithao123.cn/content-1752271.html