尾风中的图像不会根据屏幕大小调整大小。

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ğukan指出。

<div class="max-w-4xl mx-auto">
    <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"
         src="https://api.lorem.space/image?w=150&h=150" alt="profile picture">
</div>