html - 使用 CSS 覆盖图像大小

Question

我正在尝试在博客的移动主题中制作图片以适应移动屏幕。我指的是文章中的图片，而不是标题等主题中的图片。

我遇到的一个问题是博客软件会自动添加以像素为单位的高度和宽度。这是源代码的样子:

<div class="leftbox"><img src=".mysite.net/blog/media/Photo/Indian_tourists.jpg" width="400" height="267" alt="Indian tourists" title="Indian tourists" /></div>

我想使用 css 覆盖最大宽度的图像代码:100% 以便在图像大于屏幕尺寸的情况下，它可以修复它。

有人告诉我将以下代码放在移动主题 css 文件的底部。

.post_content img {
height: auto !important;
max-width: 100% !important;
}

我试过这段代码，但不幸的是它没有成功。有人可以帮我吗？

Answer 1

如果你的 div 类是 leftbox 那么你可以在你的 css 文件中使用下面的代码

.leftbox img {
   height: auto !important;
   max-width: 100% !important;
}