首页 > 代码库 > 记录这几天工作内容发现的兼容性问题

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

(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“两个值。

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