浏览器兼容的问题

单位

1.px 就是一个基本的单位 像素

2.em 也是一个单位 用父级元素的字体大小乘以em前面的数字。如果父级没有就继承上一个父级直到body,如果body没有那就默认是16px

3.rem 也是一个单位,只跟根节点<html>的字体大小有关,如果没有默认是16px

 

4.line-height 行高 line-height:2; 行高值 是当前数字2乘以元素字体大小。

浏览器

浏览器和浏览器之间是由差距的,这个差距是由浏览器自身的内核决定的。

每个浏览器都有自己的前缀,主要解决css3中的兼容问题。

Chrome(谷歌) 的前缀 -webkit-

Firefox(火狐)  的前缀 -moz-

 

单位

 

1.px 就是一个基本的单位 像素

 

2.em 也是一个单位 用父级元素的字体大小乘以em前面的数字。如果父级没有就继承上一个父级直到body,如果body没有那就默认是16px

 

3.rem 也是一个单位,只跟根节点<html>的字体大小有关,如果没有默认是16px

 

 

 

4.line-height 行高 line-height:2; 行高值 是当前数字2乘以元素字体大小。

 

浏览器

 

浏览器和浏览器之间是由差距的,这个差距是由浏览器自身的内核决定的。

 

每个浏览器都有自己的前缀,主要解决css3中的兼容问题。

 

Chrome(谷歌) 的前缀 -webkit-

 

Firefox(火狐)  的前缀 -moz-

 

单位

 

1.px 就是一个基本的单位 像素

 

2.em 也是一个单位 用父级元素的字体大小乘以em前面的数字。如果父级没有就继承上一个父级直到body,如果body没有那就默认是16px

 

3.rem 也是一个单位,只跟根节点<html>的字体大小有关,如果没有默认是16px

 

 

 

4.line-height 行高 line-height:2; 行高值 是当前数字2乘以元素字体大小。

 

浏览器

 

浏览器和浏览器之间是由差距的,这个差距是由浏览器自身的内核决定的。

 

每个浏览器都有自己的前缀,主要解决css3中的兼容问题。

 

Chrome(谷歌) 的前缀 -webkit-

 

Firefox(火狐)  的前缀 -moz-

 

 

猜你喜欢

转载自www.cnblogs.com/zhangtao12/p/9762844.html