html - 仅限 CSS Downscale IMG,在 firefox 上

标签 html css image google-chrome firefox

我有

.postImg {
    text-align: center;
}

.postImg img {
    max-width: 100%;
}

当窗口缩小时,Chrome 会缩小图像,但不会放大超过其宽度的图像。我想要的行为。

但在 Firefox 上,图像不会缩小并保持相同大小。 推杆宽度:100%;那里确保 Firefox 缩小尺寸,但放大所有较小的图像,这是我不想要的。

我一定是漏掉了一些基本的东西。而且我事先不知道图像的大小。

最佳答案

找到了,.postLeft 的祖父有

display: inline-block;
*display: inline;

实际上什么也没做,只是破坏了图像。

关于html - 仅限 CSS Downscale IMG,在 firefox 上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17344772/

相关文章:

javascript - jQuery 滚动到顶部并滚动到下一部分

javascript - 如何选择元素的第 n 个子元素?

javascript - 当用户单击其他地方时,如何隐藏导航栏的下拉菜单?

html - 文章中页脚标签的正确使用

css - 为什么 Google 和 Bing 的移动设备友好测试错误地说我的网站不适合移动设备?

c++ - 如何使用 itk 对 tif 文件图像进行插值?

css - Cufon 将带有 üäëö 的单词大写

html - 元素在移动设备上的其他元素下滑动

android - 移动图像缓存大小限制?

Android 获取从 SDCard 选择的图像 ID 并将其设置为 ImageView