本文介绍了一种在Safari浏览器中实现table响应式布局的方法，当浏览器宽度缩小时，table会从水平排列变为垂直堆叠，解决在不同设备上table显示不全的问题。通过调整TD的display属性为block，并将所有脚本标签移至HTML标签外部，成功解决了Safari浏览器下的兼容性问题。
table改为响应式，即：浏览器够宽的时候，比如10个列，是完整显示；
浏览器很窄的时候，改为10个列竖排， 这时就是把td显示改为display:block即可，
在chrome等浏览器上是ok的，但safari就不行，是这个样的：
后来发现，把<script> ... </script> 全部放到 <html>...</html>之间 ，就ok了
参考：
Apple safari浏览器， 把table 的td改为display:block之后显示不正常
最新推荐文章于 2023-07-03 15:20:50 发布
扫一扫
1048
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
