元素宽度不要使用绝对宽度

由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这个很重要，也就是说CSS代码不能指定像素宽度：width:xxx px;

只能设定百分比宽度：　width: xx%;

或者　　width:auto;

相对大小的字体

字体也不能使用绝对大小（px），而只能使用相对大小（em）,这里说一下，1em=16px,可根据实际需要来换算

body {font: normal 100% Helvetica, Arial, sans-serif;}

上面的代码指定，字体大小是页面默认大小的100%，即16像素，实际上我们可以根据实际需要设置成0.75em,即12px或者其他的大小都可以，em是劫持小数的，不用担心。

h1 {font-size: 1.5em; } 然后，h1的大小是默认大小的1.5倍，即1.5*16=24，相当于是24px

此外各个区块的位置都是浮动的，不能是固定不变的。

关于图片img、视频video等特殊元素的处理

图片是每个网站站必不可少可以运用较多的元素，好的图片能更好的传递你的信息，为了使图片有更好的显示效果，我们需要设置 max-width:100% 和 height:auto，但是 max-width:100% 和 height:auto在IE7中运行，但不能在IE8中运行，这就又涉及到不同浏览器的兼容性了，所以需要为IE8添加width:auto\9。img {max-width: 100%;height: auto;width: auto\9; /* ie8 */} 这样网页中的图片显示就会是正常的，不至于出现变形、失真等情况
网页中的视频的灵活显示.video embed,.video object,.video iframe {width: 100%;height: auto;}