@xonar
А смысл?

Почему разная ширина и высота в итоге в вёрстке?

Доброй ночи.

Есть на макете блок и он перевёрнутый на 135 градусов. В макете он получается 88 на 88 пикселей по ширине и высоте. Но когда в вёрстке делаю, то в итоге он получается 124 на 124.

5e24d0bdca169027900518.jpeg

5e24d0c40c046622754943.jpeg

как быть? если задавать ему 62 на 62 пикселя в стилях, тогда он отображается как и нужно 88 на 88, но чуточку различия всё равно есть, например цифра 12 ближе к краям блока.

position: relative;
        width: 88px;
        height: 88px;
        transform: rotate(135deg);
        border-radius: 6px;
        background-color: #ea4a52;
        display: flex;
        justify-content: center;
        align-items: center;
  • Вопрос задан
  • 146 просмотров
Решения вопроса 2
sashabeep
@sashabeep
Дней без вопросов про Slick на тостере : 0
Всё правильно получается!
У вас ребро квадрата равно 88
Вы его повернули
Сумма квадратов катетов равна квадрату гипотенузы
Диагональ квадрата = ((88^2)/2)^0.5*2 = 124.450793489
Садись, два :)
Ответ написан
@xonar Автор вопроса
А смысл?
Нашёл проблему. В авокод размер показывался 88 на 88, а вот в фигма откуда и был экспортирован макет в авокод размеры совсем иные, а именно 65 на 65. Авокод неверно показал. И такое бывает...
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
sniggering_deus
@sniggering_deus
Frontend Engineer & Fullstack Designer
xonar, опытный человек на глаз определит подобные различия, подправит на скорую руку и увидит верный результат. Люди привыкли доверять машинам, а потом в случае ошибок, бегают и паникуют. И не могут понять в чём дело. Вы и сами в этом убедились. Старайтесь определять габариты и другие свойства исходя из реальных взглядов на объекты, а не полагаясь на программы. Элементарно у вас были и другие элементы по соседству и вы могли отталкиваться даже от них, если они совпадали по макету, в отличии от квадратика.

Представьте что например завтра у вас полетят программы, всё, нету их. Что вы будете делать? Опустите руки или будете пытаться выбраться из ситуации?

Удачи.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы