dra*_*rav 6 html responsive-images angular
在 Angular 15.1.x 项目中,我尝试使用 NgOptimizedImage 实现一个在移动和桌面上响应的图像。强制的 img 宽度和高度属性将覆盖尺寸属性。
<img ngSrc="image.png" width="617" height="505" sizes="(max-width: 768px) 276w, 317w">。
根据文档,这应该意味着如果视口 768 像素或更小的图像宽度应显示 276 像素宽,否则显示 317 像素。我按照文档使用宽度/高度的内在函数。无论宽度/高度属性是多少(617 像素 X 505 像素),图像始终显示。
本质上我正在尝试实现这一目标,但使用 ngSrc:
<img src="image.png" srcset="img.png 617w" sizes="(max-width: 768px) 276px, 317px" >