在智能手机上读取的 HTML 链接

Question

我对智能手机有疑问。在智能手机上阅读电子邮件时，带有链接的图片会向右移动。图像左侧有一个空白区域。仅对那些包含 url 的人。

有谁知道如何解决这个问题？我怎么解决它？我已将所有填充和边距设置为 0，边框设置为 0....我还能尝试什么？

{
    display:block;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:0px;
    outline:0;
    border;0;
}

谢谢。

Answer 1

首先，您的 CSS 边框声明存在问题，应该是:

border: 0;

您也不需要单独声明每个填充/边距边缘，您可以轻松地使用:

margin: 0;
padding: 0;

我希望您看到这一点是由于父 anchor 中的样式而不是图像本身。您可以尝试以下操作(尽管这有点像一揽子重置；您可能不需要所有这些):

a{
    display: block;
    padding: 0;
    margin: 0;
    outline: 0 none;
    border: 0 none;
    text-indent: 0;
    font-size: 0;
}

如果您愿意，请提供您的代码片段，您可以在其中重现此问题，我们可以进行更深入的研究？