Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 用于iOS Catalina的chrome 86.0版上未显示图片元素_Html_Google Chrome_Webp_Picture Element - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 用于iOS Catalina的chrome 86.0版上未显示图片元素

Html 用于iOS Catalina的chrome 86.0版上未显示图片元素

html google-chrome

Html 用于iOS Catalina的chrome 86.0版上未显示图片元素,html,google-chrome,webp,picture-element,Html,Google Chrome,Webp,Picture Element,我的方法非常简单，我尝试使用picture元素处理webp图像的回退，如下所示： <html> <body> <picture> <source srcset="logo-2x.webp 1x,logo-2x.webp 2x" type="image/webp"> <source srcset="logo-2x.jpg 1x,logo-2x.jpg 2x" type=&quo

我的方法非常简单，我尝试使用picture元素处理webp图像的回退，如下所示：

<html>
<body>
<picture>
  <source srcset="logo-2x.webp 1x,logo-2x.webp 2x" type="image/webp">
  <source srcset="logo-2x.jpg 1x,logo-2x.jpg 2x" type="image/jpeg">
  <img src="logo-2x.jpg" class="app-logo img-responsive">
</picture>
</body>
</html>
但图片元素不适用于Chrome、Firefox和safari。但当我在caniuse中看到这一点时，我可以看到这一点得到了支持