bootstrapTable移动端显示怎么数据缩小了

bootstrapTable移动端显示数据怎么缩在一块,可不可以不变让字体缩小
图片说明

电脑上显示是这样的图片说明

我想在手机上的显示也变成电脑上一样只不过表格字体缩小

1个回答

可以用单位vh或者vw
1vw : 1%屏幕宽度
1vh : 1%屏幕高度
这样你字体的大小始终是根据屏幕的高宽定的,屏幕大了字不会看起来很小,屏幕小了也不会看起来很大

可以试一下
font-size:5vw

可以的啊
图片说明图片说明
你看这个大小屏幕下的效果

<table>
        <tr>
            <td style="border: 1px solid black;font-size:2vw;width: 30vw">
                111111111111111111111111
            </td>
            <td style="border: 1px solid black;font-size:2vw;width:30vw">
                222222222211111111111111
            </td>
            <td style="border: 1px solid black;font-size:2vw;width:30vw">
                333333333311111111111111
            </td>
        </tr>
    </table>

反正这个东西慢慢调就对了

vw和vh也是支持小数点的0.2vw ,1.01vw等

weixin_44000275
闪光 回复知深: 可以的,看最新评论
8 个月之前 回复
qq_35697313
知深 这个属性是加在哪里,我放在表格的那个div里,显示还是一样
8 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问