Size: a a a

2021 July 05

p

persona x grata in JS Liberty
обычно бэкграунд картинка занимает всю площадь контейнера
источник

T

Th0r in JS Liberty
cover же
источник

J

John in JS Liberty
Background size?
источник

J

John in JS Liberty
Я вопрос неверно задал. Я про картинки в роли фона
источник

J

John in JS Liberty
Не background-image, а как отдельный элемент
источник

T

Th0r in JS Liberty
так а что ты хочешь в процентах задать? если тебе надо чтобы ширина картинки была всегда половина размера блока, то задаешь ей 50% и всё. зависит от дизайна же
источник

J

John in JS Liberty
мне просто много кто говорил, что все должно быть в фиксированных значениях
источник

p

persona x grata in JS Liberty
задавай в min-width, max-width
источник

J

John in JS Liberty
в max задавать то значение, которое в макете?
источник

p

persona x grata in JS Liberty
да
источник

J

John in JS Liberty
и в процентах от ширины контейнера?
источник

J

John in JS Liberty
всм одновременно
источник

p

persona x grata in JS Liberty
в пикселях
источник

J

John in JS Liberty
а в чем смысл тогда?
источник

p

persona x grata in JS Liberty
max-width: 700px; (самое большое по макету)
min-width: значение меньше которого картинка не должна уменьшиться
(это можно еще с flex-basis делать)
источник

T

Th0r in JS Liberty
всё должно быть по дизайну. иди курс по верстке какой нибудь пройди
источник

p

persona x grata in JS Liberty
значение max-width будет резиновое по отношению ширине экрана
источник

T

Th0r in JS Liberty
чтобы оно было резиновое - надо задать соотношение между шириной блока и шириной картинки, а соотношение задается в процентах
источник

p

persona x grata in JS Liberty
просто width фиксированное, будет создавать горизонтальный скролл, если вьюпорт будет меньше картинки
источник

J

John in JS Liberty
значит надо все-таки в процентах
источник