Twitter bootstrap 移动屏幕响应网站

我对移动设备的web开发非常陌生，主要用于开发桌面屏幕。我目前正在再次编写一个网站代码，使其能够响应Bootstrap3。我的手机屏幕上的字体尺寸很小，而我的台式电脑屏幕上的字体尺寸却很好（三星xcover3屏幕：480x800，见下图）

有没有一种方法可以在不增大字体大小的情况下让它变得更好？这个解决方案会在桌面屏幕上产生非常大的字体大小，这也不能令人满意

---

您应该使用媒体查询。 在自定义CSS中添加此MQ属性

@media screen and ( max-width : 991px ) {
       .example {font-size:20px; {
        }
}

@media screen and ( max-width : 768px ) {
        .example {font-size:20px; {
        }
}

@media screen and ( max-width : 568px ) {

        .example {font-size:20px; {
        }
}

---

wiltomap，你在

中有这个元标记吗：

Oops！我在
meta
标记中输入错误。。。谢谢你能给我们一个代码笔、JSFIDLE等的链接，让人们可以编辑它吗？