单位浏览器

Posted zzz035921

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了单位浏览器相关的知识,希望对你有一定的参考价值。

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

2.em 是一个单位·用父级元素的字体大小乘以em前面的数字。如果父级没有就继承一个父级

直到body,如果body没有那么就默认为16px

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

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

二 浏览器

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

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

Chrome· 的前缀·-webkit-

Firefox(火狐)的前缀 -moz-

le·的前缀·-ms-

Opera(欧朋)前缀-o-

国内的浏览器的内核是谷歌

三  布局

1.流式布局····float+margin

2.定位

3.双飞翼

4.圣杯

5.弹性盒子布局· 移动端布局

全称叫弹性和模型:是由父级的弹性容器和子级的弹性子元素俩构成

display:flex 这个属性决定谁是弹性容器,它里面的子元素就是弹性子元素

flex是弹性子元素在弹性容器中所占的份数,属性值是数字。

6.表格布局

7.boxsizing:border-box  这个属性让元素的实际宽高就等于设置的width,即便有了padding和

border会向内挤压,元素的可利用空间变小。

以上是关于单位浏览器的主要内容,如果未能解决你的问题,请参考以下文章

CSS单位px与em的区别

VH、VW 单位和疯狂的 IOS 移动浏览器渲染

常见的CSS布局单位

IE9+ 和其他浏览器的 CSS3 ch 单位不一致

解决uc浏览器不支持vw单位的方法

CSS长度单位