Tailwind 中的图像不会根据屏幕尺寸调整大小

Question

我尝试根据屏幕尺寸调整图像大小，但它不起作用。

<div class="max-w-4xl mx-auto">
    <img class="rounded-full -mt-10 ml-3 h-20 w-20 md:h-30 md:w-30 border-[6px] border-white bg-white"
         src="https://api.lorem.space/image/face?w=150&h=150" alt="profile picture">
</div>

我在这段代码上做错了什么？

Answer 1

我能够修复它。感谢@do\xc4\x9fukan 的指出。

\n

<div class="max-w-4xl mx-auto">\n    <img class="rounded-full -mt-10 md:-mt-16 ml-3 md:ml-0 h-20 w-20 md:h-32 md:w-32 border-[6px] border-white bg-white"\n         src="https://api.lorem.space/image?w=150&h=150" alt="profile picture">\n</div>\n

\n