图像元素响应图像不使用角4

Question

图片元素为

 <picture>
     <source  media="(max-width: 768px)" srcset="../assets/image1.png">
     <source  media="(min-width: 769px)" srcset="../assets/image2.png">
     <source  src="../assets/image3.png">
 </picture>

在Angular 4中不起作用 它为所有视口宽度选择第一个源，在上例中为image1.png

对此有何解决方案？

Answer 1

Angular与此无关。浏览器单独解释<picture>代码。

无论如何，您的代码的主要问题是它缺少必需的<img>元素。

此外，第三个<source>无用，视口将是max-width: 768px或min-width: 769px，它不能是另一个值。