Как получить реальную ширину элемента в JS? - PullRequest
1 голос
/ 13 марта 2019

Товарищи-разработчики,

У меня есть несколько элементов управления, они следующие, некоторые из них больше экрана:

larger

Однако, если я получаю ширину с помощью JS или jQuery, я всегда получаю одинаковое значение 300px.

img2

img3

И если вы внимательно посмотрите на первом экране: 406px, у вас есть идея, почему я не могу получить правильное значение?

Вот код, который япоказано выше.

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

Кроме того, вы можете получить доступ к веб-сайту отсюда:

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

Важная деталь, это представление iPhoneX в Chrome.

1 Ответ

2 голосов
/ 13 марта 2019

Мне кажется, вы используете CSS-преобразование.Попробуйте что-то вроде
$(".mdl-textfield__input")[0].getBoundingClientRect().width

...