调整浏览器窗口大小会改变图像尺寸,因为图像宽度设置为100%。图像元素包含srcset
属性,但只有一个文件,因此只显示该文件的图像。若要不同窗口大小显示不同图像,可为<image>
组件加view
属性。图像默认绝对定位,可能覆盖导航栏。为避免问题,要设置正确的样式和定位,如使用object-fit
并把图片的容器设置为相对定位。fill
属性使图像填充元素,与sizes
属性告诉浏览器图片不超过视窗。srcset
属性允许浏览器选择不同尺寸图像,以适应窗口宽度变化,提升加载速度。