我正在为我们的组应用程序制作一个用户配置文件页面，我想知道当我缩小浏览器的大小时，如何使图片的大小和文字的大小缩小。
以下是类的scss代码：

.show-picture{
        width: 200px;
        height: 150px;
        border-radius: 10%;
        size-adjust:relative;
    }

    .Trip_info{
        width: 20%;
        height: 200px;
        float:left;
    }

    .Planner_page{
        width: 20%;
        height: 200px;
        margin-left:40%;

    }

    .Social{
        width: 20%;
        height: 200px;
        float: left;
    }

    .Setting{
        width: 20%;
        height: 200px;
        margin-left:40%;
    }

    .button{
        font-size: 2em;
        letter-spacing: 0px;
        margin-bottom: 30px;
        margin: 4px 2px;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        color: grey;
  
    }

我试着把它们分成div的行，但是大小不会缩小。我也试过自动调整宽度和高度，但是这个大小会很大。