CSS 显示:none 在 Samsung S5 mini 上不工作
CSS display: none not working on Samsung S5 mini
我的 HTML(没有实际文件名和 link 位置):
<table>
<tr>
<td class="tableLogo">
<a href="link">
<img src="img" />
</a>
</td>
<td>
<a href="link">Link</a>
</td>
</tr>
</table>
我的CSS:
.tableLogo {
display: none;
}
因此,这在 Firefox 和 iOS 等平台上运行良好。
但是,它无法在我的测试设备 Samsung S5 mini 上运行。图像一直显示。
我也试过这个:
.tableLogo {
webkit-display: none;
}
这也不起作用。主要目标是进行媒体查询以在小型设备上隐藏徽标。我从这个开始:
@media only screen and (max-device-width: 480px) {
.tableLogo {
display: none;
}
}
但它在三星设备上不起作用(在 iOS 上它起作用了..)所以我尝试不使用媒体查询,正如已经提到的那样也不起作用。
这里有什么问题的提示吗?
事实证明,这是一个 browser-chache 问题。清除缓存后,它会按预期工作。
我的 HTML(没有实际文件名和 link 位置):
<table>
<tr>
<td class="tableLogo">
<a href="link">
<img src="img" />
</a>
</td>
<td>
<a href="link">Link</a>
</td>
</tr>
</table>
我的CSS:
.tableLogo {
display: none;
}
因此,这在 Firefox 和 iOS 等平台上运行良好。 但是,它无法在我的测试设备 Samsung S5 mini 上运行。图像一直显示。 我也试过这个:
.tableLogo {
webkit-display: none;
}
这也不起作用。主要目标是进行媒体查询以在小型设备上隐藏徽标。我从这个开始:
@media only screen and (max-device-width: 480px) {
.tableLogo {
display: none;
}
}
但它在三星设备上不起作用(在 iOS 上它起作用了..)所以我尝试不使用媒体查询,正如已经提到的那样也不起作用。
这里有什么问题的提示吗?
事实证明,这是一个 browser-chache 问题。清除缓存后,它会按预期工作。