我正在开办一个学校项目：
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 */
}
}
数字当然只是例子.