2020年一些前端的面试题（含答案）

1、css实现图片自适应宽高

img {
  max-width: 100%;
  max-height: 100%;
}

2、什么是flex，写出常见属性，以及作用
Flex即：Flexible Box，弹性布局，用来为盒状模型提供最大的灵活性。可以实现类似垂直居中布局。

.box{
  display: flex;
}

.box{
  display: inline-flex;
}

// Webkit内核的浏览器，必须加上-webkit前缀
.box{
  display: -webkit-flex; /* Safari */
  display: flex;
}

设为Flex布局以后，子元素的float、clear和vertical-align属性将失效

采用Flex布局的元素，称为Flex容器（flex container）
所有子元素自动成为容器成员，称为Flex项目（flex item）
容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。

查看更多面试题