我已经尝试了很多事情，但我似乎无法解决这个问题。
它应该非常简单，我相信有一个简单的解决方案......
问题是，在小屏幕分辨率(在移动设备上)下，我下面的表格(每个数据单元格中都有标志)被压扁，因此最左边的图像会稍微变大 2 或 3 个像素因为另外两个正在挤压它
所有图像的大小都相同 - 有没有办法“强制”图像的高度并停止挤压效果？
这是我的(非常基本的)HTML(我没有 css)
<body>
<table>
<tbody>
<tr>
<td><img src="flag.png" style="vertical-align:middle;">USA</td>
<td><img src="flag.png" style="vertical-align:middle;">UK</td>
<td><img src="flag.png" style="vertical-align:middle;">Canada</td>
<td><img src="flag.png" style="vertical-align:middle;">Germany</td>
</tr>
<tr>
<td><img src="flag.png" style="vertical-align:middle;">Australia</td>
<td><img src="flag.png" style="vertical-align:middle;">France</td>
<td><img src="flag.png" style="vertical-align:middle;">India</td>
<td><img src="flag.png" style="vertical-align:middle;">UAE</td>
</tr>
</tbody>
</table>
</body>请问有什么简单的方法？
图片高度都是一样的:100px
感谢大家的帮助
最佳答案
你可以通过给出 <img> 来手动调整图像高度属性高度
例如:
<td><img height="100" src="flag.png" style="vertical-align:middle;">USA</td>
这应该可以完成工作:)
关于javascript - 防止图像改变大小(需要相同的高度)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55281372/