Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何获得JS中元素的实际宽度？_Javascript_Jquery_Width_Material Design Lite_Dimension - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何获得JS中元素的实际宽度？

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

javascript jquery

Javascript 如何获得JS中元素的实际宽度？,javascript,jquery,width,material-design-lite,dimension,Javascript,Jquery,Width,Material Design Lite,Dimension,各位发展商: 我有一个带有一些控件的屏幕，如下所示，其中一些比屏幕大： 然而，如果我用JS或jQuery获得宽度，我总是得到相同的值300px 如果你仔细看第一个屏幕显示：406px，你知道为什么我不能得到正确的值吗 这是我在上面展示的代码 $($('.mdl-textfield__input')[0]).outerWidth() $($('.mdl-textfield__input')[0]).width() 此外，您还可以从以下位置访问网站： 重要细节，这是Chrome中的iPho

各位发展商:

我有一个带有一些控件的屏幕，如下所示，其中一些比屏幕大：

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

如果你仔细看第一个屏幕显示：406px，你知道为什么我不能得到正确的值吗

这是我在上面展示的代码

$($('.mdl-textfield__input')[0]).outerWidth()
$($('.mdl-textfield__input')[0]).width()
此外，您还可以从以下位置访问网站：

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

在我看来，您正在使用CSS转换。尝试类似于
$（“.mdl-textfield\uuu input”）[0].getBoundingClientRect（）.width在我看来，您正在使用CSS转换。尝试类似于


$（“.mdl-textfield\uu input”）[0].getBoundingClientRect（）.width在我看来，您使用的是CSS转换。尝试类似$（“.mdl-textfield_uuuinput”）[0].getBoundingClientRect（）.width.Perfect answer@Sagar！请添加它，我将它标记为正确的一个！在我看来，您正在使用CSS转换。尝试类似$（“.mdl-textfield_uuuinput”）[0].getBoundingClientRect（）.width.Perfect answer@Sagar！请添加它，我将它标记为正确的一个！