Есть ли возможность узнать размер блока, элемента при наведении на него или включить линейки размерности?

spsat
38 Posts
spsat posted this 6 days ago

Здравствуйте!
Допустим в контейнер добавил картинку и колонки. В THEMLER можно указать в процентах или в px. А как узнать допустим выставил в процентах рисунок и хотелось бы узнать сколько это в px. Разбил колонки на 3 на 4 и всё тоже в процентах а, сколько это в см или в px узнать не возможно. Очень неудобно что нет сетки размерности элемента или в свойствах что бы показывалась ширина и высота.

Здравствуйте! Допустим в контейнер добавил картинку и колонки. В THEMLER можно указать в процентах или в px. А как узнать допустим выставил в процентах рисунок и хотелось бы узнать сколько это в px. Разбил колонки на 3 на 4 и всё тоже в процентах а, сколько это в см или в px узнать не возможно. Очень неудобно что нет сетки размерности элемента или в свойствах что бы показывалась ширина и высота.
Vote to pay developers attention to this features or issue.
3 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 6 days ago

Здравствуйте,

если размеры заданы в программе вручную, их можно увидеть при выделении элемента в верхнем меню или в дополнительных опциях:

options.png

Можно также просмотреть стили (включая ширину, если она прописывается в стилях) через Секцию. Для этого выделите секцию и используйте опцию Просмотреть

inspect-section.png

Третий способ - это воспользоваться просмотром кода в браузере. Можете попробовать напрямую в программе нажать Ctrl+Shift+I, откроется окно Хрома с кодом страницы. Выделите нужный элемент стрелочкой (как на скриншоте, сначала наведите на стрелку, затем на элемент на странице) и перейдите во вкладку Computed:

devtools.png

Gina
Themler Support

Здравствуйте, если размеры заданы в программе вручную, их можно увидеть при выделении элемента в верхнем меню или в дополнительных опциях: !options.png! Можно также просмотреть стили (включая ширину, если она прописывается в стилях) через Секцию. Для этого выделите секцию и используйте опцию **Просмотреть** !inspect-section.png! Третий способ - это воспользоваться просмотром кода в браузере. Можете попробовать напрямую в программе нажать Ctrl+Shift+I, откроется окно Хрома с кодом страницы. Выделите нужный элемент стрелочкой (как на скриншоте, сначала наведите на стрелку, затем на элемент на странице) и перейдите во вкладку Computed: !devtools.png! Gina Themler Support
spsat
38 Posts
spsat posted this 6 days ago

Спасибо за ответ!
Два первых способа не дают информацию в ширину и в длину, если одно из них выставлено в процентах. Естественно если я ставлю в ручную то понятно что я уже знаю ))) а, вот если например, ширина рисунка в контейнере выставлена в процентах то, только третьим способом возможно узнать сколько же 100%= ?.px Не совсем конечно удобно но, хоть что то)

Спасибо за ответ! Два первых способа не дают информацию в ширину и в длину, если одно из них выставлено в процентах. Естественно если я ставлю в ручную то понятно что я уже знаю ))) а, вот если например, ширина рисунка в контейнере выставлена в процентах то, только третьим способом возможно узнать сколько же 100%= ?.px Не совсем конечно удобно но, хоть что то)

Last edited 6 days ago by spsat

Support Team
Support Team posted this 6 days ago

Да, только третьим способом, потому что ширина в пикселях будет "плавающая" и меняться в зависимости от ширины экрана (браузера).

Gina
Themler Support

Да, только третьим способом, потому что ширина в пикселях будет "плавающая" и меняться в зависимости от ширины экрана (браузера). Gina Themler Support
You must log in or register to leave comments