Комментарий от BadPurse

Комментарий #11078024
BadPurse

в топике Обсуждение клуба CSS-club – настройка внешнего вида сайта 4 ноября 2024

Слушайте, а как исправить такое отображение на телефоне? Попробовал два способа, но в одном случае изображения накладываются друг на друга, а в другом обрезаются справа:

Пример 1

[span=d-flex][img no-zoom]https://pbs.twimg.com/media/GXAp-OEbkAATplj?format=png&name=900x900[/img][img no-zoom]https://pbs.twimg.com/media/GXAp-c2akAA6TLe?format=png&name=900x900[/img][/span][span=d-flex][img no-zoom]https://pbs.twimg.com/media/GXAp-y9akAA0n0_?format=png&name=900x900[/img][img no-zoom]https://pbs.twimg.com/media/GXAp_FAaYAAL8WQ?format=png&name=900x900[/img][/span]

Телефон:

886x1920 ПК:

1230x968

Пример 2

[div=cc-2 d-flex align-items-center]
[div][img no-zoom]https://pbs.twimg.com/media/GXAp-OEbkAATplj?format=png&name=900x900[/img]
[img no-zoom]https://pbs.twimg.com/media/GXAp-y9akAA0n0_?format=png&name=900x900[/img][/div]
[div=c-column flex-fill][img no-zoom]https://pbs.twimg.com/media/GXAp-c2akAA6TLe?format=png&name=900x900[/img]
[img no-zoom]https://pbs.twimg.com/media/GXAp_FAaYAAL8WQ?format=png&name=900x900[/img][/div]
[/div]

Телефон:

886x1920 ПК:

1235x997

@nikola2222, @grin3671

Ответы

nikola2222 4 ноября 2024#

@BadPurse, почему у тебя одна картинка разделена на 4 части и зачем тебе это?

@BadPurse

grin3671 4 ноября 2024#

@BadPurse, в примере два можно убрать cc-2 и c-column (который почему-то только в одной колонке) и добавить flex-grow-1 для одинаковой ширины, а также какую-нибудь ширину для картинок, чтобы работал max-width: 100% на них:

[div=d-flex align-items-center]
[div=flex-grow-1][img no-zoom w=900]https://pbs.twimg.com/media/GXAp-OEbkAATplj?format=png&name=900x900[/img]
[img no-zoom w=900]https://pbs.twimg.com/media/GXAp-y9akAA0n0_?format=png&name=900x900[/img][/div]
[div=flex-grow-1][img no-zoom w=900]https://pbs.twimg.com/media/GXAp-c2akAA6TLe?format=png&name=900x900[/img]
[img no-zoom w=900]https://pbs.twimg.com/media/GXAp_FAaYAAL8WQ?format=png&name=900x900[/img][/div]
[/div]

@BadPurse

Твой комментарий

Комментарий #11078024 BadPurse

Комментарий #11078024
BadPurse