各位开发者，
我有一个带有一些控件的控件，它是以下控件，其中一些控件比屏幕大:
但是，如果我使用 JS 或 jQuery 获取宽度，我得到的值总是相同的 300px。
如果你仔细看第一个屏幕说:406px，你知道为什么我不能得到正确的值吗？
这是我上面显示的代码。
$($('.mdl-textfield__input')[0]).outerWidth()
$($('.mdl-textfield__input')[0]).width()
另外，您可以从这里访问该网站:
https://fanmixco.github.io/toastmasters-timer-material-design
重要细节，这是 Chrome 中的 iPhoneX View 。
最佳答案
在我看来，您正在使用 CSS 转换。尝试像
这样的东西
$(".mdl-textfield__input")[0].getBoundingClientRect().width
关于javascript - JS中如何获取元素的实际宽度？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55133890/