javascript - 图片元素响应图像不适用于角度 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: 768pxor min-width: 769px，它不能是另一个值。