S
Мне кажется я объяснил максимально досконально.
Size: a a a
2021 July 13
S
Собственно я ищу альтернативное решение несуществующему position: fixed-y.
N
Вечер добрый, господа.
Подскажите пожалуйста, есть 2 колонки по 5 элементов внутри.
В каждом из них 5 свг, с идентичной шириной и высотой. Но почему то все они имеют разную высоту. Как правильно ограничить это? Bootstrap 4. Пробовал img тегу задавать img-fluid/rounded/img-responsive — не то. Что ещё можно попробовать?
Подскажите пожалуйста, есть 2 колонки по 5 элементов внутри.
В каждом из них 5 свг, с идентичной шириной и высотой. Но почему то все они имеют разную высоту. Как правильно ограничить это? Bootstrap 4. Пробовал img тегу задавать img-fluid/rounded/img-responsive — не то. Что ещё можно попробовать?
I
Ну однозначно стики же )
I
Ща включу ноут
S
M
object-fit обрежет картинку
S
Есть возможность показать на codepen который я набросал?
S
object-fit это свойство, а не значение. Обрежет или нет - зависит от значения.
A
Но при уменьшении окна браузера по горизонтали и возникновении горизонтально прокрутки, хотелось бы чтобы при горизонтальном скроллинге ширина шапки оставалась исходной и при этом была в области видимости. Для этого position: fixed не подходит, т.к. фиксирует элемент относительно экрана и по горизонтали.
Вот этот участок непонятен. Каким образом ты хочешь сохранить ширину шапки + гор.скролл, но оставить её в области видимости?
Может речь идет о том, чтобы часть шапки ехала вместе с экраном по горизонтали?
M
object-fit: cover; использую всегда)) , запутался
S
Наоборот, чтобы не ехала. При скроллинге вниз я объяснил поведение. При скроллинге горизонтальном нужно чтобы поведение оставалось как здесь: https://codepen.io/tastytea-github/pen/wvdgWeE
A
Игорь верно подметил
A
@ihor_power ты сделаешь ему кодпен?
N
Спасибо, но решил убрав height: auto (верстаю на WP).
S
Он уже пообещал. Аж неловко, заставил человека включать ноут😔
N
Надеюсь это корректно...
A
S
Удаление height: auto сделает изображения не адаптивными.
I
ну собственно это я и сделал. и таки да 2мя стилями )
на хедер добавить надо
на хедер добавить надо
position: sticky;
top: 0;