img的width 100%
img {
width: 100%;
}
- 如果保留width: 100%:
- 图片会严格按照父容器的宽度来显示
- 父容器(.logo-wrap)的宽度会根据其内容(图片)的原始尺寸和布局上下文来确定
- 由于在flex布局中(.top-area设置了display: flex),logo-wrap会占据适当的空间,不会过度挤压其他元素
- 如果去掉width: 100%:
- 图片会按照其原始尺寸显示
- 如果图片原始尺寸很大,可能会导致父容器被撑大,从而影响整体布局
- 在某些情况下,这可能导致图片看起来"铺满div",但实际上是图片本身太大