AD
понял, спасибо!
Size: a a a
2021 September 19
PO
Было б за что. Готовые либы очень часто становятся “малы” для реализаций твоих хотелок. По этому уметь лезть к ним под “капот” нужно. И бояться этого – нет никакого смысла. Именно за это тебе платят, или будут платить, деньги. Решать проблемы – это твоя задача.
2021 September 20
AS
купон можно использовать еще 3 раза.
2021 September 21
OJ
Сайт написан на React. стили styled components. Картинки с сервера прилетают либо квадратные, либо прямоугольные. Стили у картинки были такие
когда прямоугольная нормально, но когда квадратная, она огромная. пытался так пофиксить
но так я ломаю прямоугольную картинку. на скринах показал.
может что посоветуете?
display: block;
height: 100%;
width: 100%;
когда прямоугольная нормально, но когда квадратная, она огромная. пытался так пофиксить
max-height: 500px;
max-width: 100%;
но так я ломаю прямоугольную картинку. на скринах показал.
может что посоветуете?
OJ
OJ
АГ
попробуй
display: block;
max-width: 100%;
height: auto;
АГ
можно еще добавить
object-fit: cover;
OJ
с cover и без квадратная огромная получается
PE
Так... Ты можешь контролить или ширину или высоту.
Если ты хочешь пропорцию, то есть хак с нижним паддингом
Если ты хочешь пропорцию, то есть хак с нижним паддингом
PE
Проблема в том, как ты будешь имидж центрировать
PE
Хак с паддингом заключается в том, что у родителя есть паддинг пропорциональный ширине, тогда ребенок растягивается по родителю абсолютом.
PE
Ну и... Оверфло надо повесить на родителя.
OJ
сайт написан на Реакте. компонент получает urlImage. можно как-то в компоненте определить эта картинка квадратная или прямоугольная, чтобы в styled components задать ей нужные стили? (они будут немного отличаться)
OJ
а как же его сделать пропорционально ширине?
OJ
понял. там верстка Адаптивная просто
PE
Да. Как правило работает везде.
А в твоём случае логика может быть слушать пиксельной размер - соотношение высоты и ширины, и тогда уж с имиджем что делать.
Эта тема легко гуглиться. Я с реактом не работаю, но решение для него есть, точно вот есть.
А в твоём случае логика может быть слушать пиксельной размер - соотношение высоты и ширины, и тогда уж с имиджем что делать.
Эта тема легко гуглиться. Я с реактом не работаю, но решение для него есть, точно вот есть.
VM
привет всем) может кто сталкивался: на ангуляре загружаю картинки, а потом пытаюсь поменять их местами через drag n drop и не получается( в массиве файлов вместо данных файла пишет $$ngfBlobUrlPromise: ZoneAwarePromise...
Может кто-то что-то поможет подсказать?
Может кто-то что-то поможет подсказать?
🚲U
А можно что-то без этого? Нужный определегия нативных JS функций на самом JS.
Или такого нет?
Или такого нет?