是否可以将 base64 中的 gif 图像设置为响应式？

Question

我有下一个代码：

<!doctype html>
<head>
    <head>
    <meta charset="utf-8">
    <title>Goerman</title>
    </head>
    <body>
    <center>
        <div id="image">
            <img alt="Embebed Image" src="data:image/gif; base64,R0lG--IMAGE IN BASE64--="/>        
        </div>
    </center>
    </body>
</head>

我需要动画图像自动设置为屏幕设备或导航器的大小。

Answer 1

将以下 class 添加到您的样式 sheet 并将相应的 class 添加到您的 img 标签

<style>
  .responsiveImage {max-width: 100%; width: auto; height: auto;}
</style>


<img src="data:image/gif; base64,R0lG--IMAGE IN BASE64--=" class="responsiveImage" />

是否可以将 base64 中的 gif 图像设置为响应式？

Is it possible to set a gif image in base64 as responsive?

image

gif

responsive-design