为什么table里面的Image这么小？

Question

我需要找出为什么这里的图像真的很小。我需要这些图像为视网膜准备就绪，所以这就是为什么它们是 50%。请确认我做对了。

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>

<body>
<table border="0" cellpadding="0" cellspacing="0" id="templateBody" width=
"700">
    <tr>
        <td class="leftColumnContent" valign="top" width="280">
            <!-- // Begin Module: Top Image with Content \ -->

            <table border="0" cellpadding="20" cellspacing="0" style=
            "background-color: #eeeef9;" width="100%">
                <tr>
                    <td align="center" valign="middle" width="50%">
                        <div style="text-align:center;">
                            <h4 style="text-align:center;">DEL IKON</h4>
                            <hr style=
                            "height: 2px;background-color: black;border: 0;width: 160px;">


                            <p>På alle sider på hvisk.com – når<br>
                            du er logget ind – finder du i<br>
                            venstre side et ikon, hvor der står<br>
                            <strong>DEL</strong>. Når du trykker på
                            ikonet,<br>
                            kommer der en ’skuffe’ frem.</p>
                        </div>
                    </td>

                    <td align="center" valign="middle"><img src=
                    "https://gallery.mailchimp.com/54366e4388f5f1f871ed3d155/images/9de246f4-90cc-4185-b1b8-16b1b402b5e2.png"
                    style="width:50%;"></td>
                </tr>
            </table><br>
            <!-- // End Module: Top Image with Content \ -->
        </td>
    </tr>
</table>
</body>
</html>

Answer 1

将元素设置为 width:50% 是相对于父容器的宽度，而不是元素本身的宽度，参见 quick demo.

<img style="width:50%;" src="//dummyimage.com/100"/>

您可以使图像的大小至少是父容器大小的 2 倍，然后根据需要应用任何 CSS 规则以用于高像素密度显示器，例如 Apple retina 显示器。

img {max-width:100%; height:auto;} 或 img {width:100%; height:auto;}

Answer 2

我明白你的意思。你的意思是为什么你的图片这么大 (3000px) 但你设置了 50% --> 小于 1500px？因为 50% 是宽度 td 的 50%，而不是 3000px 的 50%。请设置width:100%，也许你知道为什么

为什么table里面的Image这么小？

Why is Image soo small inside table?

html

css

mailchimp