如何在html表格单元格中自动缩小字体大小

Question

当文本溢出时，如何允许表格单元格内的字体大小自动缩小？目前，只要文本溢出，表格单元就会自动扩展。

Answer 1

您可以设置溢出或使用CCS媒体查询动态更改字体大小。

溢出：

 .your-class{overflow:auto;}

当数据大于单元格的大小时，这只会显示滚动条。

CSS媒体查询：

.your-class{
    font-size: 18px;
}

@media all and (max-device-width: 720px){
     .your-class {
        font-size: 16px;
    }
}

@media all and (max-device-width: 640px){
     .your-class {
        font-size: 14px;
    }
}

@media all and (max-device-width: 320px){
     .your-class {
        font-size: 10px;
    }
}

以上内容根据当前查看页面的设备的视图宽度更改字体大小。