如何使图像的大小动态到页面？

Question

我有一张图片，我想要在屏幕的一角。我正在寻找的是当有人调整页面大小或放大或缩小图像时，相对于页面大小的变化。

这就是我现在正在处理的事情：

.flex_logo{
   padding: 2px;
   margin: 2px;
   border: solid;
   border-style: 5px;
   max-width: 20%;
   height: auto;
   width: auto\9;
}

如果答案在CSS Flexbox中会更好，因为我正在努力学习并更好地理解它。