Table 中跨列文本在 iphone 浏览器被放大显示

在用 html 写 table 表格时，发现在 iphone 浏览器中，带有 colspan 元素的 td 标签的文本内容会变大，例如：

如上图所示，对于最后一行的跨列内容，并没有单独设置文本的 font-size 大小，但是相比其它单元格的文本，字号明显大了很多，并且尝试单独对其设置大小并没有用，这种情况发现在 Iphone 的 google 浏览器和 safari 浏览器当中，PC 端和 Andriod 端暂未发现。

经查询，当使用 “colspan” 时，是在告诉浏览器将多个表格单元格合并到一个更大的单元格中。这会导致单元格内的内容水平拉伸，浏览器可能会尝试增加字体大小以使其适合。

解决方法：

text-size-adjust: none;
-webkit-text-size-adjust: none;

这是一个 CSS 属性，可用于禁用某些移动浏览器（例如 iOS 上的 Safari）的自动字体大小调整行为。

默认情况下，一些移动浏览器会自动调整文本的字体大小，以使其在小屏幕上更具可读性。但是，这有时会导致某些网页出现意外的字体大小更改或布局问题。该-webkit-text-size-adjust属性可用于禁用此行为并防止浏览器调整文本的字体大小。

Table 中跨列文本在 iphone 浏览器被放大显示相关推荐

DataGrid中选择列文本根据绑定数据不同显示为不同颜色的处理办法
目前在维护一个Web应用,用户提出一些对我来说要求比较高的需求,摸索了一下,终于解决了.和大家分享一下: 问题:一般DataGrid中会有部分选择列,例如: <a ...
Element - table固定列页面数据过多滚动时显示问题
背景:使用el-tabe设置右侧固定列 fixed="right",没有设置表格固定高,数据过多时滚动table会出现如下情况: 代码如下: <el-table :data= ...
JS组件系列——Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
JS组件系列--Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案参考文章: (1)JS组件系列--Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案 (2) ...
html表格宽度拖拽,Js拖拽实现改变Table的列宽解决方案
Js拖拽实现改变Table的列宽如题,楼主是Js小白,最近遇到问题,需要用Js实现GridView的列拖拽改变大小,在网上找到一段代码如下: function MouseDownToResize(o ...
android浏览器和iPhone浏览器
android和iPhone的浏览都是使用webkit内核. webkit内核是苹果最先搞的,后来苹果把它开源了,不过苹果自己还继续在发展webkit.虽然 android和iPhone浏览器使用相同 ...
oracle取括号内数字,怎么把excel中一列文本中括号里的数字弄出来啊
公告: 为响应国家净网行动,部分内容已经删除,感谢读者理解. 话题:怎么把excel中一列文本中括号里的数字弄出来啊回答:=MID(A1,FIND(＂(＂,A1)+1,FIND(＂)＂,A1)-FIN ...
iPhone浏览器性能测试
2019独角兽企业重金招聘Python工程师标准>>> [背景介绍] 虽然iPhone的性能越来越好,但app的功能也越来越复杂,性能从来都是移动开发的核心关注点之一.我们说一个ap ...
拖动改变Table的列宽度
收藏自:http://www.cnblogs.com/xieex/archive/2007/12/15/996025.html <html> <head> <meta h ...
bootstrap table 搜索列formatter之后，单字节搜索异常
bootstrap table 搜索列formatter之后,单字节搜索异常最近发现搜索这边出现这个问题,这样搜索没有效果后面发现是因为搜索列formatter之后就会出现这个问题,那么我们就多生 ...

Table 中跨列文本在 iphone 浏览器被放大显示

解决方法：

Table 中跨列文本在 iphone 浏览器被放大显示相关推荐

最新文章

热门文章