/ 

jQuery.width() без округления

Я обнаружил что jQuery.width() округляет значения. Так-же, как и .height(). Из-за этого у меня была проблема в 1px при некоторых разрешениях.

Если нужен размер «как есть», то используйте нативный метод getBoundingClientRect.

Пример

$(".element")[0].getBoundingClientRect().width
$(".element")[0].getBoundingClientRect().height
// или
$(".element").get(0).getBoundingClientRect().width
$(".element").get(0).getBoundingClientRect().height

Совместимость

Методу в обед сто лет, а узнал только вчера о нем.

Поддержка метода getBoundingClientRect

Полезная информация этого поста влезает в твит, но твиты уходят в небытие и больше их никто не прочитает. Поэтому я публикую это в блоге.

⌘ ⌘ ⌘
Поделиться
Отправить
Челендж JavaScript30
Фронтенд

Челендж JavaScript30

Обучающий курс JavaScript30. Тридцать заданий по Javascript с разбором решений

Фронтенд

Определяем язык страницы в CSS

Через псевдокласс О_о

Код. Как удалить дубликаты из массива
Фронтенд

Код. Как удалить дубликаты из массива

Три простых способа

Логирование в JavaScript
Фронтенд

Логирование в JavaScript

Логирование — незаменимый инструмент в отладке JS кода. Расставьте логи в критические места и при возникновении ошибки вы сможете посмотреть что произошло в консоли.