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）。

查看更多面試題