twitter-bootstrap – 使用Bootstrap,但文本不响应

发布时间：2020-12-18 00:18:40 所属栏目：安全来源：网络整理

导读：我正在开办一个学校项目： http://lauralynn87.github.io/WSP/Project/index.html 而我正在使用Bootstrap 3.0框架 – 几乎所有的内容都是响应式的,但是文本. 我已经尝试使用百分比和ems的字体大小..但没有任何工作.我知道我错过了一些东西,但不能弄清楚. 任

我正在开办一个学校项目： http://lauralynn87.github.io/WSP/Project/index.html

而我正在使用Bootstrap 3.0框架 – 几乎所有的内容都是响应式的,但是文本.

我已经尝试使用百分比和ems的字体大小..但没有任何工作.我知道我错过了一些东西,但不能弄清楚.

任何帮助是赞赏.

谢谢.

解决方法

如果您使用％或em等字体没有响应

如果要在不同的屏幕/窗口大小上更改字体的大小,则必须在CSS中使用媒体查询.

例如：

@media all and (max-width: 1200px) { /* screen size until 1200px */
    body {
        font-size: 1.5em; /* 1.5x default size */
    }
}
@media all and (max-width: 1000px) { /* screen size until 1000px */
    body {
        font-size: 1.2em; /* 1.2x default size */
        }
    }
@media all and (max-width: 500px) { /* screen size until 500px */
    body {
        font-size: 0.8em; /* 0.8x default size */
        }
    }

数字当然只是例子.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!