jQuery 的 .width() 结果在 Chrome 25 中是错误的,我如何获得真正的结果?

标签 jquery css google-chrome firefox

我有一个表格,当屏幕不够大时,表格会溢出滚动条。 但我仍然需要知道实际内容的宽度。

我曾经能够做到:

$('table').width()

这将给我带滚动条的表格内容的完整宽度。它在 Firefox、Chrome 24 中仍然......

但在 Chrome 25 中,它只提供我能看到的宽度。

这是一个示例设置。在 Firefox 和 Chrome 25 中打开你的控制台(或者自己尝试 $('table').width() ):

http://public.kipdola.be/chrome-25-jquery-test.html

(顺便说一下,我也尝试获取 $('table tr').width(),但结果相同。)

那么:哪一个是正确的? Firefox 是否适合提供内容的实际大小,或者 Chrome 是否适合提供我在屏幕上看到的内容的大小?

而且,更重要的是,我如何获得表格内容的完整大小?

最佳答案

从表格中删除 width: 100%max-width: 100% 但添加 min-width: 100%

关于jQuery 的 .width() 结果在 Chrome 25 中是错误的,我如何获得真正的结果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14711660/

相关文章:

javascript - Chrome JavaScript 调试器中的 "Just My Code"

javascript - 在 jQuery 中总计和存储以前的数据数字(值)

jquery - 防止jquery多次点击功能

css - 内联 CSS 不居中 <div>

javascript - 通过翻阅单词动态更改文本

google-chrome - 哪些插件可以改善Google Chrome浏览器作为网络开发者的浏览器的能力?

jquery - 是否有支持 HTML 表作为 AJAX 数据源的 JQuery Table 插件

javascript - 未捕获的 TypeError : $(. ..).easyAutocomplete 不是函数

css - 哪个css属性更重要?

悬停后CSS背景图像消失