Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.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
Image 是否可以将base64中的gif图像设置为响应?_Image_Responsive Design_Gif - Fatal编程技术网

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

Image 是否可以将base64中的gif图像设置为响应?,image,responsive-design,gif,Image,Responsive Design,Gif,我有下一个代码: <!doctype html> <head> <head> <meta charset="utf-8"> <title>Goerman</title> </head> <body> <center> <div id="image"> <img alt="Embebed

我有下一个代码:

<!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>

戈尔曼

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

将以下类添加到样式表中,并将相应的类添加到img标记中

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


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

.responsiveImage{最大宽度:100%;宽度:自动;高度:自动;}