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

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;  
}