为什么响应式页面的字体不能响应式?

teiya 发布于 2017/03/03 22:27
阅读 164
收藏 0

@罗马教堂的钟声 你好,想跟你请教个问题:

您好,我今天做一个响应式的页面时,我把html元素的字体设了16px,然后后面的元素字体都在父元素的基础上设置了em为单位的字体,原本以为字体会随着视口的变化响应式变化,但是发现一点变化都没有,又换成了rem单位也不行。其他元素图片的大小设成百分比了都是可以响应式变化。

请问您知道这是怎么回事吗?要怎么解决呢?

加载中
0
fist
fist

em和rem是参照父级和根级的,你的父级和根级字体大小没变,你所说的元素字体怎么会变。试试媒体查询

0
teiya
teiya

文字不能响应式变化,最后的确用的媒体查询,不过感觉没有自动响应式的好

0
l
loveb

因为rem参照的html的字号是没有变化,所以可以考虑一种是媒体查询,固定尺寸范围内变化htm大小,一种是js,动态查询视口,然后更改字号

l
loveb
这样你参考的html字体 还是固定死的 没用
teiya
teiya
我试了响应式字体大小 *{ font-size: 100%;} span{ font-size: 0.5em;} 这样写之后字体大小就有变化了。
返回顶部
顶部