img的width 100%
img {
width: 100%;
}
- 如果保留width: 100%：
- 圖片會嚴(yán)格按照父容器的寬度來顯示
- 父容器（.logo-wrap）的寬度會根據(jù)其內(nèi)容（圖片）的原始尺寸和布局上下文來確定
- 由于在flex布局中（.top-area設(shè)置了display: flex），logo-wrap會占據(jù)適當(dāng)?shù)目臻g，不會過度擠壓其他元素
- 如果去掉width: 100%：
- 圖片會按照其原始尺寸顯示
- 如果圖片原始尺寸很大，可能會導(dǎo)致父容器被撐大，從而影響整體布局
- 在某些情況下，這可能導(dǎo)致圖片看起來"鋪滿div"，但實(shí)際上是圖片本身太大
