移动屏幕的响应式网站

Question

我对移动设备的Web开发很陌生，主要用于开发桌面屏幕。我目前正在再次编写一个网站代码，以使其对Bootstrap 3做出响应。我在手机屏幕上的字体大小非常小，而在桌面电脑屏幕上则很好（请参阅下面的图片，了解三星xcover3）屏幕：480x800）。

有没有办法让它更好而不会使字体变大？这种解决方案会在桌面屏幕上产生非常大的字体大小，这也不能令人满意......

Answer 1

您应该使用媒体查询。 在自定义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; {
        }
}