浏览器拖动时文本调整大小

时间:2016-02-12 12:38:40

标签: html html5 twitter-bootstrap

我在bootstrap中开发了这个站点。当我试图在浏览器中调整大小时,文本没有正确调整大小。我在bootstrap中尝试了一些东西,没有什么能在文本级别上运行得很好。

此处我尝试测试网站http://i.giphy.com/xT0BKp4niP44vGOjmM.gif

1 个答案:

答案 0 :(得分:2)

使用自适应宽度更改您的CSS:

@media only screen and (max-width: 500px) {
    .mytext-xs {
        font-size: 10px;
    }
}

@media only screen and (min-width: 500px) {
    .mytext-sm {
        font-size: 30px;
    }
}

并上课你的课程:

<div class="mytext-sm mytext-xs">Lorem ipsum....</div> !