如何动态控制row里面字体大小

yuyunyun051 · 发表于 2018-11-16 11:53:28

页面中有个row，row里面有三列col。col里面放span进行展示。
QQ图片20181116114904.png

现在，这三列的内容比较多，客户要求不能换行显示。
有的手机屏幕大，默认的就能正常显示，有的手机屏幕小，显示出来的就超界了。
我如何动态控制超出时，让字体变小。来达到不换行的效果。

jishuang · 发表于 2018-11-19 17:30:36

可以到网上查找html中span中怎么控制的

yuyunyun051 · 发表于 2018-12-12 11:48:54

jishuang 发表于 2018-11-19 17:30
可以到网上查找html中span中怎么控制的

已经处理，通过
@media ( max-width :450px) {
.metaFontsize {
font-size: 13px;
}
}
这种进行控制

carbinechun · 发表于 2018-12-24 09:50:53

yuyunyun051 发表于 2018-12-12 11:48
已经处理，通过
@media ( max-width :450px) {
.metaFontsize {

这是根据宽度来设置对应值？？

yuyunyun051 · 发表于 2018-12-27 22:58:40

carbinechun 发表于 2018-12-24 09:50
这是根据宽度来设置对应值？？

是的，冬天判断屏幕宽度，不同宽度取不同的值

yuyunyun051 · 发表于 2018-12-27 22:59:23

结贴

carbinechun · 发表于 2019-11-18 16:43:36

yuyunyun051 发表于 2018-12-12 11:48
已经处理，通过
@media ( max-width :450px) {
.metaFontsize {

你好，你这代码是放在CSS里面的么？？

		自动登录	找回密码
密码			注册

[结贴] 如何动态控制row里面字体大小