Question

我创建了一系列带有一系列图像的签名，因此这些图像的结合应该是带有链接的签名（例如，在社交中，在网站中......）。

现在，虽然我将这些图像合并在一起但却存在错误仅当浏览器视图（此问题仅在Chrome中而不在Mozilla，IE，Edge中）才能正确显示80％。但在任何其他百分比中，它显示错误我该如何解决这个问题？

以下是一些例子：

以下是代码：

<html>
<head>
<title>FirmaEmail</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices made by Photoshop (FirmaEmail.psd) -->
<table id="Tabella_01" width="620" height="260" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="15">
            <img src="images/FirmaEmail_01.jpg" width="620" height="82" alt=""></td>
    </tr>
    <tr>
        <td colspan="13">
            <img src="images/FirmaEmail_02.jpg" width="410" height="18" alt=""></td>
        <td>
            <a href="mailto:bagiacchimarco7@gmail.com">
                <img src="images/MailToBM.jpg" width="173" height="18" border="0" alt="Mail to bagiacchimarco7@gmail.com"></a></td>
        <td rowspan="5">
            <img src="images/FirmaEmail_04.jpg" width="37" height="177" alt=""></td>
    </tr>
    <tr>
        <td colspan="6" rowspan="2">
            <img src="images/FirmaEmail_05.jpg" width="276" height="26" alt=""></td>
        <td colspan="6">
            <a href="http://bagiacchimarco.it/" target="_blank">
                <img src="images/SitoWeb.jpg" width="118" height="19" border="0" alt="Sito Web"></a></td>
        <td rowspan="4">
            <img src="images/FirmaEmail_07.jpg" width="16" height="159" alt=""></td>
        <td>
            <a href="mailto:marcobagiacchi8@gmail.com">
                <img src="images/MailToMB.png" width="173" height="19" border="0" alt="Mail to marcobagiacchi8@gmail.com"></a></td>
    </tr>
    <tr>
        <td colspan="6">
            <img src="images/FirmaEmail_09.jpg" width="118" height="7" alt=""></td>
        <td rowspan="3">
            <img src="images/FirmaEmail_10.jpg" width="173" height="140" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="images/FirmaEmail_11.jpg" width="222" height="133" alt=""></td>
        <td>
            <a href="https://www.facebook.com/MarcoBagiacchi" target="_blank">
                <img src="images/Facebook.jpg" width="21" height="28" border="0" alt="Facebook"></a></td>
        <td rowspan="2">
            <img src="images/FirmaEmail_13.jpg" width="4" height="133" alt=""></td>
        <td>
            <a href="https://twitter.com/BagiacchiMarco" target="_blank">
                <img src="images/Twitter.jpg" width="22" height="28" border="0" alt="Twitter"></a></td>
        <td rowspan="2">
            <img src="images/FirmaEmail_15.jpg" width="4" height="133" alt=""></td>
        <td colspan="2">
            <a href="https://plus.google.com/u/1/116064464482853449948" target="_blank">
                <img src="images/Google+.jpg" width="24" height="28" border="0" alt="Google+"></a></td>
        <td rowspan="2">
            <img src="images/FirmaEmail_17.jpg" width="5" height="133" alt=""></td>
        <td>
            <a href="https://www.linkedin.com/in/marco-bagiacchi" target="_blank">
                <img src="images/Linkedin.jpg" width="22" height="28" border="0" alt="Linkedin"></a></td>
        <td rowspan="2">
            <img src="images/FirmaEmail_19.jpg" width="4" height="133" alt=""></td>
        <td>
            <a href="https://www.instagram.com/marcobagiacchi/" target="_blank">
                <img src="images/Instagram.jpg" width="25" height="28" border="0" alt="Instagram"></a></td>
        <td rowspan="2">
            <img src="images/FirmaEmail_21.jpg" width="41" height="133" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/FirmaEmail_22.jpg" width="21" height="105" alt=""></td>
        <td>
            <img src="images/FirmaEmail_23.jpg" width="22" height="105" alt=""></td>
        <td colspan="2">
            <img src="images/FirmaEmail_24.jpg" width="24" height="105" alt=""></td>
        <td>
            <img src="images/FirmaEmail_25.jpg" width="22" height="105" alt=""></td>
        <td>
            <img src="images/FirmaEmail_26.jpg" width="25" height="105" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/spaziatore.gif" width="222" height="1" alt=""></td>
        <td>
            <img src="images/spaziatore.gif" width="21" height="1" alt=""></td>
        <td>
            <img src="images/spaziatore.gif" width="4" height="1" alt=""></td>
        <td>
            <img src="images/spaziatore.gif" width="22" height="1" alt=""></td>
        <td>
            <img src="images/spaziatore.gif" width="4" height="1" alt=""></td>
        <td>
            <img src="images/spaziatore.gif" width="3" height="1" alt=""></td>
        <td>
            <img src="images/spaziatore.gif" width="21" height="1" alt=""></td>
        <td>
            <img src="images/spaziatore.gif" width="5" height="1" alt=""></td>
        <td>
            <img src="images/spaziatore.gif" width="22" height="1" alt=""></td>
        <td>
            <img src="images/spaziatore.gif" width="4" height="1" alt=""></td>
        <td>
            <img src="images/spaziatore.gif" width="25" height="1" alt=""></td>
        <td>
            <img src="images/spaziatore.gif" width="41" height="1" alt=""></td>
        <td>
            <img src="images/spaziatore.gif" width="16" height="1" alt=""></td>
        <td>
            <img src="images/spaziatore.gif" width="173" height="1" alt=""></td>
        <td>
            <img src="images/spaziatore.gif" width="37" height="1" alt=""></td>
    </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

我已尝试应用display="block" float="left"并更改％中的像素。
如果图像在任何情况下始终保持实际尺寸并且无法缩放，那将是完美的。所以甚至都没有失去决心。
谢谢。

浏览器调整大小后图像质量下降

0 个答案: