如何获取JS中元素的实际宽度？

Question

资深开发者

我有一个带有一些控件的控件，它是以下控件，其中一些控件比屏幕大：

但是，如果我用JS或jQuery来获得宽度，我总是得到相同的值300px。

如果您仔细地看到第一个屏幕显示：406px，您是否知道我为什么不能获得正确的值？

这是我上面显示的代码。

$($('.mdl-textfield__input')[0]).outerWidth()
$($('.mdl-textfield__input')[0]).width()

此外，您还可以从此处访问网站：

https://fanmixco.github.io/toastmasters-timer-material-design

重要的细节，这是Chrome中的iPhoneX视图。