bootstrap：使表可读

Question

我使用bootstrap来设置表格样式，并在我的设备上使用非常小的字体呈现（galaxy s5）。我希望它使用正常大小的字体进行渲染，并在需要时将文本换行。对于我的实际用例，我必须使用表格。

https://jsfiddle.net/wcrrja2f/

全屏： https://jsfiddle.net/wcrrja2f/embedded/result/

<div class="container-fluid">
    <div class="row">
        <table class="col-xs-12">
            <tr>
                <td class="col-xs-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</td>
                <td class="col-xs-2">12</td>
                <td class="col-xs-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</td>
            </tr>
        </table>
    </div>
</div>

Answer 1

表单元格内文本的正常大小。
如果要增加所有设备的字体大小，可以使用17px（根据需要更改）：< / p>

td {
    font-size: 17px;
}

或者如果您想在小型设备上增加字体大小 ，您可以使用媒体查询定位分辨率较小的设备，例如480px：

@media only screen and (max-width : 480px) {
    td {
        font-size: 17px;
    }
}

此外，如果您不想使用其他CSS样式，您可以将文本包装在<h3>内，这样可以使文字更大。