Size: a a a

CSS — русскоговорящее сообщество

2020 March 29

N

Nikita in CSS — русскоговорящее сообщество
🆂🅴🆁🅶🅴🆈 𝔹𝕒𝕜𝕝𝕒𝕟𝕠𝕧 🆗 🕸
откажитесь от блоков в которых картинки беком идут .. и будет норм
картинка за картинкой
то есть установить эту картинку как img?
источник

🆂𝔹

🆂🅴🆁🅶🅴🆈 𝔹𝕒𝕜𝕝𝕒𝕟𝕠𝕧 🆗 🕸... in CSS — русскоговорящее сообщество
да
источник

🆂𝔹

🆂🅴🆁🅶🅴🆈 𝔹𝕒𝕜𝕝𝕒𝕟𝕠𝕧 🆗 🕸... in CSS — русскоговорящее сообщество
самое простое и быстрое решение
источник

AP

Anton Permyakov in CSS — русскоговорящее сообщество
Nikita
то есть установить эту картинку как img?
как высота формируется у картинок?
источник

🆂𝔹

🆂🅴🆁🅶🅴🆈 𝔹𝕒𝕜𝕝𝕒𝕟𝕠𝕧 🆗 🕸... in CSS — русскоговорящее сообщество
высота будет автоматом подбираться в зависимости от ширины
источник

🆂𝔹

🆂🅴🆁🅶🅴🆈 𝔹𝕒𝕜𝕝𝕒𝕟𝕠𝕧 🆗 🕸... in CSS — русскоговорящее сообщество
и всё будет заполнено без пропусков сверху снизу
источник

L

LZD in CSS — русскоговорящее сообщество
источник

L

LZD in CSS — русскоговорящее сообщество
шрифты сломались =(
источник

N

Nikita in CSS — русскоговорящее сообщество
спасибо, попробую ещё немного найти решение. Если нет, то так и сделаю. В принципе я нашёл решение. Это задать background-size: cover, но тогда при hover{background-size: 120%} не работает transition
источник

N

Nikita in CSS — русскоговорящее сообщество
Anton Permyakov
как высота формируется у картинок?
min-height
источник

🆂𝔹

🆂🅴🆁🅶🅴🆈 𝔹𝕒𝕜𝕝𝕒𝕟𝕠𝕧 🆗 🕸... in CSS — русскоговорящее сообщество
не нужно никак работать с высотой
источник

🆂𝔹

🆂🅴🆁🅶🅴🆈 𝔹𝕒𝕜𝕝𝕒𝕟𝕠𝕧 🆗 🕸... in CSS — русскоговорящее сообщество
она сама встанет в пропорциях к ширине
источник

AP

Anton Permyakov in CSS — русскоговорящее сообщество
Nikita
min-height
замени на aspect-ratio через паддинг
источник

🆂𝔹

🆂🅴🆁🅶🅴🆈 𝔹𝕒𝕜𝕝𝕒𝕟𝕠𝕧 🆗 🕸... in CSS — русскоговорящее сообщество
получается в html просто перечислить <img ... /><img .... /><img  ... /><img .... />
и они встанут рядком по 2 штуки в ряд .. так как ширина 50%
источник

L

LZD in CSS — русскоговорящее сообщество
🆂🅴🆁🅶🅴🆈 𝔹𝕒𝕜𝕝𝕒𝕟𝕠𝕧 🆗 🕸
получается в html просто перечислить <img ... /><img .... /><img  ... /><img .... />
и они встанут рядком по 2 штуки в ряд .. так как ширина 50%
через имг то легко
источник

🆂𝔹

🆂🅴🆁🅶🅴🆈 𝔹𝕒𝕜𝕝𝕒𝕟𝕠𝕧 🆗 🕸... in CSS — русскоговорящее сообщество
самый простой путь всегда самый правильный
источник

🆂𝔹

🆂🅴🆁🅶🅴🆈 𝔹𝕒𝕜𝕝𝕒𝕟𝕠𝕧 🆗 🕸... in CSS — русскоговорящее сообщество
простые решения, самый быстрый путь к олимпу
источник

🆂𝔹

🆂🅴🆁🅶🅴🆈 𝔹𝕒𝕜𝕝𝕒𝕟𝕠𝕧 🆗 🕸... in CSS — русскоговорящее сообщество
попробуйте обновить телеграм по чата
источник

L

LZD in CSS — русскоговорящее сообщество
🆂🅴🆁🅶🅴🆈 𝔹𝕒𝕜𝕝𝕒𝕟𝕠𝕧 🆗 🕸
попробуйте обновить телеграм по чата
лейтест вершион инсталед
источник

N

Nikita in CSS — русскоговорящее сообщество
Решил проблему. https://codepen.io/QWERTY_qwerty/pen/GRJPavg  Заменил background-size, на transform:scale. При этом background-size: cover
источник