我注意到我的代码是有响应的，因为如果我将它缩小到手机或平板电脑的大小，所有的文本、链接和社交图标都会相应地zoom .
然而，唯一不起作用的是我身体里的图像；它被包在段落标签里……话虽如此，有没有一种简单的方法可以让图像也具有响应性呢？
以下是我用来在身体中显示图像的代码:
<body>
<center>
<p><a href="MY WEBSITE LINK" target="_blank"><img src="IMAGE LINK" border="0" alt="Null"></a></p>
</center>
</body>
你可以试着做
<p>
<a href="MY WEBSITE LINK" target="_blank">
<img src="IMAGE LINK" style='width:100%;' border="0" alt="Null">
</a>
</p>
如果是在流动布局中，这应该会zoom 您的图像.
为了响应(意味着您的布局会对窗口的大小做出react )，您可以向图像添加一个类，并在CSS中使用@media个查询来更改图像的宽度.
请注意，更改图像高度会影响比例.