css - 图像在最小化的 Firefox 窗口中无法正确调整大小

标签 css image firefox resize

我在网站上工作。有问题的问题页面在这里:

http://bit.ly/I4YR2T

目前我在表格中有图像。我也在为这些图像使用 Shadowbox。

当我在 Chrome 和 Safari 中最小化浏览器窗口时,图像会很好地缩小。

但是,当我在 Firefox 中最小化窗口时,图像并没有很好地缩小。

虽然我注意到整个网站在 Firefox 中没有像在 Chrome 和 Safari 中那样很好地缩小,但该页面的图像最多,也是最令人不安的。我还没有检查 IE。

我知道这一定是因为我使用了一些劣质的 CSS。

谁能指导我如何解决这个问题?

非常感谢!

最佳答案

参见 this answer “最大宽度不适用于内联元素,因此跨浏览器的行为会不一致......如果你设置 div img { display:block } 然后将 img 对齐 img ...标签而不是标准内联,你可能会实现它”这可能意味着摆脱您的表格或将表格单元格设置为显示为 block 。

关于css - 图像在最小化的 Firefox 窗口中无法正确调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10060762/

相关文章:

html - 将 2 个 div 并排放置在 1 个带有 float 的 div 中会影响该 div 内的背景颜色

php - 水平菜单未出现

html - flexbox 元素不会到达容器的末尾

javascript - 使用 % 通过单按钮 JavaScript 函数交换图像

python - 在 openCV 和 python 中计算二值图像中的曲线、角度和直线

iphone - 图片放入数组 ios开发

firefox - 如何调用 Firefox 书签对话框?

android - 在 Firefox for Android 中删除元素突出显示

CSS 媒体查询百分比解释

angularjs - 当非事件状态发生更改时,Firefox 无法正确更新页面