Mobile 如何使div中的文本具有响应性？

我有5个div，每个div上有2-3行文本。但在移动版中，它显示的是长度，我想让它在响应速度方面更具线条感

在这方面请让我放心

谢谢

蒂凯比

.article_left_bg {
    background-image: url(images/article_bg_01.png);
    background-repeat: no-repeat;
    height: auto;
    min-height: 400px;
    margin-left: 20px;

}

.article_left2_bg {
    background-image: url(images/article_bg_03.png);
    background-repeat: no-repeat;
    height: auto;
    min-height: 320px;
    margin-left: 12px;
    margin-top: -30px;
}

.article_left3_bg {
    background-image: url(images/article_bg_05.png);
    background-repeat: no-repeat;
    height: auto;
    min-height: 400px;
    margin-left: 8px;
    margin-top: -15px;
}

.article_right_bg {
    background-image: url(images/article_bg_02.png);
    background-repeat: no-repeat;
    height: auto;
    min-height: 400px;

}

.article_right2_bg {
    background-image: url(images/article_bg_04.png);
    background-repeat: no-repeat;
    height: auto;
    min-height: 320px;
    margin-top: -30px;
}

.article_right3_bg {
    background-image: url(images/article_bg_06.png);
    background-repeat: no-repeat;
    height: auto;
    min-height: 320px;
    margin-top: -15px;
}

.article_title, .article_title1, .article_title2 {
    width: 350px;
    padding-bottom:15px;
    margin-bottom:15px;
    }

.article_title h2 {
    margin:20px 0 5px 0;
    color:#000;
    font-size:25px; 
    font-weight:normal;
    padding: 50px 0 0 58px;
    }

.article_title1 h2 {
    margin:20px 0 5px 0;
    color:#000;
    font-size:25px; 
    font-weight:normal;
    padding: 90px 0 0 58px;
    }

.article_title2 h2 {
    margin:20px 0 5px 0;
    color:#000;
    font-size:25px; 
    font-weight:normal;
    padding: 60px 0 0 68px;
    }


.article_title h2 a, .article_title1 h2 a, .article_title2 h2 a{
    color:#000}


.article_title .subtitle, .article_title1 .subtitle {
    display:block;
    font-size:15px;
    font-weight:300;
    color:#000;
    padding: 0 0 0 58px;
    }

.article_title2 .subtitle {
    display:block;
    font-size:15px;
    font-weight:300;
    color:#000;
    padding: 0 0 0 68px;

}

.article_descr {
    width: 290px;
    color:#000;
    font-size:12px;
    line-height:1.2em;
    font-family:Arial, Helvetica, sans-serif;
    padding: 0 0 0 58px;
    }

.article_item .link_more,
.article_item .link_more:hover {
    display:inline-block;
    line-height:25px;
    background:url(images/arrow_right.png) 0 0 no-repeat;
    padding-left:45px;
    font-weight:400;
    font-size:18px;
    color:#000;}

---

如果以相对单位而不是绝对单位设置字体大小，则可以解决问题：

.article\u item.link\u更多，
.article\u item.link\u更多：悬停{
显示：内联块；
线高：25px；
背景：url（images/arrow_right.png）0 0不重复；
左侧填充：45px；
字体大小：400；
字体大小：.3vw；
颜色：#000；}

我是一些文本

你能分享一下你到目前为止尝试过的东西吗？我已经上传了css，我用它来制作响应