记录这几天工作内容发现的兼容性问题

(1)：

1.border-radius：圆角

2.box-shadow：阴影

3:linear-gradient:线性渐变

各浏览器兼容性备注：

-moz代表firefox浏览器私有属性

-ms代表IE浏览器私有属性

-webkit代表chrome、safari私有属性

-o-代表opera代表opera私有属性

(2)：

1. 用于手机端iPhone和安卓手机页面开发。

说明：

width - viewport的宽度

height - viewport的高度

initial-scale - 初始的缩放比例

minimum-scale - 允许用户缩放到的最小比例

maximum-scale - 允许用户缩放到的最大比例

user-scalable - 用户是否可以手动缩放

（3）

1.box-sizing:在固有的宽度内设值，不算内边距。变宽，保持原有的固定宽度。

在我们开发的过程中会发现，有时候，如果对页面中的大区域进行设置时，将border、padding计算到width和height之内，反而更灵活。但W3C的 CSS2.1规范却规定了他们并不能被包含其中。考虑到这个问题，css3中引入了一个新的属性：box-sizing，它具有“content-box”和”border-box“两个值。