Size: a a a

Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript

2019 August 13

E

Elyzar in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Роб
Вроде все правильно сделано. Ошибку повторить я не могу. Ситуация на твоем скрине - это отключенный flex-direction: column
Я кажется понял в чем проблема, спасибо.
источник

E

Elyzar in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Роб
Вроде все правильно сделано. Ошибку повторить я не могу. Ситуация на твоем скрине - это отключенный flex-direction: column
По поводу flex-direction: column.
Ты просто предположил или увидел в консоли, если да то где?
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Elyzar
По поводу flex-direction: column.
Ты просто предположил или увидел в консоли, если да то где?
Я просто увидел что у тебя стоит флекс.
У тебя три элемента в ряд вместо колонки - именно это ты увидишь если поставишь флекс не прописав направление. А что, нашел ошибку?
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
В принципе я сразу узнал, но сначала посмотрел, как именно ты позиционируешь эти блоки.
источник
2019 August 14

E

Elyzar in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Возможно ли img позиционировать таким образом чтобы при уменьшении экрана картинка обрезалась с двух сторон, а не только справа?
источник

E

Elyzar in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Elyzar
Возможно ли img позиционировать таким образом чтобы при уменьшении экрана картинка обрезалась с двух сторон, а не только справа?
Есть много способов. Зависит от того, как ты это делаешь сейчас.
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
object-fit: cover картинке или спозиционировать картинку абсолютом по центру внутри блока.
источник

E

Elyzar in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
https://codepen.io/EIizar/pen/bGbEJNb

сейчас так, а при определенном размере экрана нужно чтобы картинка не сжималась центрировалась и обрезалась
источник

E

Elyzar in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
буду пробовать
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Ты в кодпен смотрел?
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
src="http://127.0.0.1:5500/img/slider/slide.png"
Я же не могу открывать твои локальные файлы по своему адресу)
источник

E

Elyzar in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
извини))
источник

E

Elyzar in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
object-fit: cover;
источник

E

Elyzar in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Роб
object-fit: cover;
картинка обрезается только справа. а нужно чтоб симметрично
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Elyzar
картинка обрезается только справа. а нужно чтоб симметрично
нет)
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
В твоем примере все симметрично и обрезается сверху и снизу.
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
body{
 margin: 0;
}
img{
 width: 10%;
 height: 100vh;
 object-fit: cover;
}
источник

E

Elyzar in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
да точно, спасибо. Странно что такое простое св-во вызывает столько головной боли на форумах, пишут мол без js никак...
источник