css - 以 % 为单位设置最大宽度样式的图像由 Firefox 以 px 为单位输出。适用于 Chrome

标签 css firefox google-chrome fluid-layout

很难给这个问题一个简单的标题,但我希望有人能帮助我。请看看这个 jsfiddle - http://jsfiddle.net/mrmartineau/AaeJY/ - 在 Firefox 和 Chrome 中。图像的样式设置为 max-width: 80% 这应该使它流畅,但我在 Firefox 中发现了一个错误,它以像素为单位注册最大宽度值,而不是正确的百分比。

现在,我在尝试使用 jQuery 获取最大宽度值时发现了这一点:$('img').css('maxWidth');

这是错误还是正确的结果?我还可以做些什么来使用 jQuery 获取真正的最大宽度值吗?

最佳答案

我认为这完全取决于 jQuery 如何查找 max-width 属性。

如果您在 Javascript 中使用 getComputedStyle,它应该返回一个像素值,但 bug in Chrome 除外。和 IE using a different Javascript统统打电话换句话说,得到像素是预期的结果。

如果您希望在结果发生变化后获得结果,请尝试将该调用包装在 onWindowResize 中。

关于css - 以 % 为单位设置最大宽度样式的图像由 Firefox 以 px 为单位输出。适用于 Chrome,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9241759/

相关文章:

html - 为什么现代 Web 浏览器的代码库如此庞大?

css - 在移动缩放中相对大小的元素中调整字体大小

css - Firebug 布局选项卡与 Firefox 响应式工具不一致

html - 如何使颜色输入在浏览器之间显示一致的最小宽度?

javascript - Chrome 不透明度过渡 z-index 问题

python - 无法创建着色器缓存条目 : -2 error with ChromeDriver Chrome and Selenium

html - 在样式圆圈内格式化文本

css - 使用 data-bg-img 修复图像不显示 Laravel

css - 我的 CSS 导航中的下拉菜单没有显示在正确的位置

javascript - 我的 JavaScript 代码在 Mozilla Firefox 中无法正常工作