Привет Reworr ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

Ребят, всем добрый вечер! Подскажите, пожалуйста, проблема с background-image высокого разрешения (2160 на 1440 px) - не влезает полностью в блок, постоянно обрезается

Ребят, всем добрый вечер! Подскажите, пожалуйста, проблема с background-image высокого разрешения (2160 на 1440 px) - не влезает полностью в блок, постоянно обрезается

background-size задан?

Задал cover, обрезает картинку снизу

Задал cover, обрезает картинку снизу

а надо как?

На макете полностью

Задал cover, обрезает картинку снизу

значит пропорции блока и изображения разные. можешь задать contain, но тогда пропорции будут кривые.

На макете полностью

картинку сам вырезал из макета?

картинку сам вырезал из макета?

Через avocode

Через avocode

и размеры картинки совпадают с макетом?

А чем тебя обрезание не устраивает ?

А чем тебя обрезание не устраивает ?

Но не будет совпадать результат с макетом ...получается косяк дизайнера что ли?

А почему ты решил что он должен совпадать ? Если у тебя разрешение одинаковое в макете и в браузере где верстаешь то должно быть одинаково, а если ты другие резрешен я крутишь то естественно не будет

Вообщем, вопрос вообще возможно ли вставить картинку высокого разрешения (4к) в background

Вообщем, вопрос вообще возможно ли вставить картинку высокого разрешения (4к) в background

для этого и существует background-size. ты там выбираешь, как эту картинку показывать на друших разрешениях экрана: обрезать то, что не влезло или подстраивать под контейнер.

Но не будет совпадать результат с макетом ...получается косяк дизайнера что ли?

background-position: bottom не помогает?

она обрезатся сверху

background-position: bottom не помогает?

Спасибо !

Привет друг фотошопа ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

Привет Николай ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

Ну, по идее на приеме своди все к одному регистру

text1.toLocaleLowerCase().trim() == text2.toLocaleLowerCase().trim()

ага

Вот

function getIn(str1, str2) { return Boolean(str1.toUpperCase().indexOf(str2.toUpperCase())) }

стоп

ошибка

let getIn = (str1, str2) => (str1.toUpperCase().indexOf(str2.toUpperCase()) >=0);

вот

чего пишет?

https://stackoverflow.com/questions/44906501/css-grid-vertical-columns-with-infinite-rows

нахрена в codepen пишут префиксы если там в настройках есть автопрефиксер

раньше ж не было)

+ копируют от куда нибудь, может

https://stackoverflow.com/questions/44906501/css-grid-vertical-columns-with-infinite-rows

спасибо, но, к сожалению тоже костыльное решение. предлагают добавлять доп классы к другим колонкам

спасибо, но, к сожалению тоже костыльное решение. предлагают добавлять доп классы к другим колонкам

ну я больше к тому, что можно ещё погуглить) с июля 17 года может изменилось что.

покопался с grid, тоже решения не нашел -- проще пару строк на js дописать, css не волшебная палочка

в теории можно хардкодом сделать костыль, скажем до 30 элементов, придется на :nth хардкодить огромный список

чтобы разбить пополам как-то

эх. столько уже всего придумали в цсс, а нормально column-count для блоков нет. может они не знают, что нам это нужно?) надо им сказать

Всем привет,)

кричи им" Запрещаю!"

min-width/min-height?

"you shall not pass!"

max/min

flexbox по умолчанию сжимает

дичь, кидай в песочнице

min-width/min-height?

width не помогает

flex-basis

родитель мб маленький

ERROR: S client not available

и flex-wrap

и flex-wrap

а это тут причем?

а это тут причем?

Перенос на новую строку того что не вмещается

а понял идею

Иначе так и будет)

родитель мб маленький

+

Перенос на новую строку того что не вмещается

перенос как раз не нужен

ты лучше в песочнице залей, щас гадание идет

flex-basis

не помогло, всеравно ужимается

Тогда либо уменьшай контент, либо увеличивай родитель)

Гитхаб перестал 11 ие поддерживать?

ты лучше в песочнице залей, щас гадание идет

https://jsfiddle.net - сюда?

Можно и сюда

Можно и codepen io

по задумке дизайнера должен появляться внутренний скролл

так это слайдер

))

++

slick или шо там юзают обычно тебе в помощь, ну или ручками

Слииик

так это слайдер

зачем тогда показан скролл горизонтальный?

Это кастомные доты

вряд ли..