那个rem怎么做适配,em是根据什么来决定的?
· rem是root 和 em的结合,root是指根元素HTML,em是指父元素字号的倍数,所以rem就是指根元素字号的倍数,如果我们把页面中的元素单位都转换成rem,那么他们的大小就会随着根子号变化而变化,如果根子号的大小可以随着视口大小变化而变化,那么我们页面中的元素尺寸就可以实现适配效果了,如果想实现根字号随着视口变化,那就需要用到一个单位vw,vw是视口宽的1%,根据当前设计稿可以换算出1vw是多少个px,然后再利用他们之间的比例关系,把根字号的px单位转换成vw,那么根字号就可以随着视口变化而变化了,页面中的元素也就会随着视口变化而变化了。
· em这个单位具体要看你用在什么属性上,如果是用在字号上面,那么他参照的就是父元素字号的倍数,如果用在其他属性上,比如width,height,text-indent那么它参照的就是当前元素字号的倍数
table了解多少
在网页发展的初期,会用表格来实现网页布局,但这种布局方式会让网页出现很多问题,逐渐不再用于网页布局结构中,现在表格标签一般用于数据展示。而且在公司项目开发中,很多都不是直接使用table,而是使用ui组件库中封装了的表格,比如el-table。table表格中常用的标签有tr/td/th/caption等等。table布局作为基础的内容就类似于生活整的基础设施一样虽然使用频率低,但是不会被淘汰
弹性盒有哪些属性是在父元素身上?那些在子元素身上?你知道flex-grow吗
- 添加在父级元素上的属性:
- 1.flex-direction 设置弹性盒的主轴方向
- 2.justify-content 设置主轴上的对齐方式
- 3.align-items:设置侧轴上的对齐方式
- 4.flex-wrap:设置弹性盒中默认换行
- 5.justify-content:换行之间行与行之间的间距设置
- 添加在子级元素上的属性
- 1.align-self:设置单个元素在侧轴上的对齐方式
- 2.order:设置元素的排序优先级
- 3.flex:1 占据主轴上剩下空间
更多关于“web前端培训”的问题,欢迎咨询千锋教育在线名师。千锋教育多年办学,课程大纲紧跟企业需求,更科学更严谨,每年培养泛IT人才近2万人。不论你是零基础还是想提升,都可以找到适合的班型,千锋教育随时欢迎你来试听。