/* 使 img 元素的大小自适应其父容器 */
img {
max-width: 100%; /* 图片的最大宽度为父容器的100% */
height: auto; /* 高度自动调整，保持图片的宽高比 */
}max-width: 100%：确保图片的最大宽度不会超过其父容器的宽度。如果图片的原始宽度小于父容器，则按原始宽度显示。height: auto：保持图片的宽高比不变，避免图片变形。当宽度调整时，高度会根据宽度自动调整。这样设置后，图片会在不同的屏幕尺寸或父容器大小变化时自动调整大小，确保页面布局不会被破坏。
上一篇：css flex:1
下一篇：css focus
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站