知深
2019-08-08 09:15
采纳率: 100%
浏览 478
已采纳

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

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

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

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • 氪精大佬 2019-08-08 09:23
    已采纳

    可以用单位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等

    点赞 评论

报告相同问题？

提交

相关推荐 更多相似问题