如何在右下角制作图像作为响应？

Question

我是前端的新手。我有一个要显示在右下角的图像。因此，

我尝试了以下方法

.rex-logo {
    position: fixed;
    bottom: 0;
    right: 0;
    max-height: 500px;
}

<div id="rezoomexlogo" >
    <img src="http://via.placeholder.com/250x250" alt="rexlogo" className="rex-logo img-responsive"/>
</div>

因此，有了这个，我就能得到想要的东西。但这不是响应式的，同样，当我打开调试器无法正常工作时，它会上升，因此如何解决此问题？

Answer 1

我认为这应该可行，请尝试

.rex-logo {
    position: fixed;
    bottom: 0;
    right: 0;
    max-height: 100vh;  
}