页面中引入了一个表格,开发工具模拟和Android中显示正常。但在iOS下,表格中某些列的字体会莫名变大。如下图
注:每个td的样式都是相同的。但哪一列字体变大,目前未发现规律(同一表格的某些字体变大,可以重现)。
姓名
作业完成时间
自主学习汇报
深蹲
俯卧撑
仰卧起坐
平板支撑
其他
某某
21:45
英语《名校课堂》M6M7错题复习
50个
2分钟78个
40秒一组(两组)
小张
21:45
英语《名校课堂》M6M7错题复习
50个
2分钟78个
40秒一组(两组)
样式表如下:
.scroll-area{
width: 100%;
overflow: auto;
}
.table {
display: table;
min-width: 98%;
border-collapse: collapse;
margin: auto;
white-space: nowrap;
font-size: 16px;
}
.table .caption {
display: table-caption;
font-size: 20px;
text-align: center;
padding: 15px;
}
.table .tr {
display: table-row;
width: auto;
height: auto;
line-height: 60rpx;
}
.table .th {
display: table-cell;
font-weight: bold;
border: 1px solid black;
text-align: center;
padding: 5px;
vertical-align: middle;
background-color: #ccc;
}
.table .td {
display: table-cell;
border: 1px solid black;
text-align: left;
padding: 4px;
vertical-align: middle;
}
.td text{
font-size: 16px;
}
微信小程序开发问题解答
微信小程序开发者回答:
按照教程提供下代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
本文网址:http://www.91bianli.com/weixinxiaochengxu/41384.html