为什么我的表格单元格不能在移动浏览器上适合我的图像？答案

【问题标题】：Why can't my table cells fit my images on mobile browser?为什么我的表格单元格不能在移动浏览器上适合我的图像？
【发布时间】：2020-01-27 08:57:19
【问题描述】：

这是我遇到的问题。

我有一个 100% 宽度的表格，它是地图的网格。网格由几列和几行组成。每个单元格都有一个图像。列的每个图像具有相同的宽度。并且每个原始图像都具有相同的高度。到目前为止，一切都很好......

一切都像桌面上的魅力一样。但在移动设备上它变得复杂：我的细胞似乎没有相同的高度。例如：我的第一个原始图像的所有图像都有 868px 的高度，但是在某些单元格上有一个填充（这取决于单元格）。我在原始数据上添加了黄色和绿色背景，指出了这种意想不到的填充。

这是您可以在移动设备上看到问题的测试 URL：http://jcdecaux.atalanta.fr/plan.php

如果有人可以帮助我……那就太好了。提前致谢！

【问题讨论】：

【解决方案1】：

如果您使用宽度和高度标签精确图像尺寸？如果它不起作用，请尝试使用 css 和 !important 属性来定义它们。

style="width: 100px!important; height: 100px!important;"

否则，您为什么不使用单个图像？你可以映射它。

【讨论】：