Size: a a a

Верстка сайтов HTML/CSS/JS/PHP

2020 November 13

L

LZD in Верстка сайтов HTML/CSS/JS/PHP
Алексей Федоров
еще раз
у меня экран 800 пикс
родитель 400
потомки 30% от родителя

если экран станет 600 родитель не меняется, как и потомки
а некоторым дизам надо, что бы все было пропорционально размеру окна
уменьшил до 200, родитель стал 100, потомки пропорционально (30)

т.е. в таком случае родителю надо все равно давать ширину в vw, а потомки уже могут быть в процентах
так это не резина если родителю насильно дали фиксированную ширину в пикселях
источник

АФ

Алексей Федоров... in Верстка сайтов HTML/CSS/JS/PHP
блин
источник

АФ

Алексей Федоров... in Верстка сайтов HTML/CSS/JS/PHP
я беру размер, например, с макета
там в пикселях, млин все
мне чего, код написать, что бы понял? )))))

ну хорошо
с макета шириной 800 и родителем 600 мы получим код с шириной 75vw
источник

АФ

Алексей Федоров... in Верстка сайтов HTML/CSS/JS/PHP
это не совсем точно, но в подробности не хочу лезть
источник

L

LZD in Верстка сайтов HTML/CSS/JS/PHP
Алексей Федоров
я беру размер, например, с макета
там в пикселях, млин все
мне чего, код написать, что бы понял? )))))

ну хорошо
с макета шириной 800 и родителем 600 мы получим код с шириной 75vw
это как мы получаем
источник

АФ

Алексей Федоров... in Верстка сайтов HTML/CSS/JS/PHP
600 делим на 800
источник

L

LZD in Верстка сайтов HTML/CSS/JS/PHP
Алексей Федоров
600 делим на 800
точно
источник

АФ

Алексей Федоров... in Верстка сайтов HTML/CSS/JS/PHP
вот и понимаю, что это 75% от вьюпорта
источник

АФ

Алексей Федоров... in Верстка сайтов HTML/CSS/JS/PHP
или 75vw
источник

L

LZD in Верстка сайтов HTML/CSS/JS/PHP
да
источник

АФ

Алексей Федоров... in Верстка сайтов HTML/CSS/JS/PHP
эм..... ну вот я про это все время и говорил, что ТУТ можно применить vw
а дальше уже можно в процентах от родителя
источник

АФ

Алексей Федоров... in Верстка сайтов HTML/CSS/JS/PHP
но есть дизайны, когда родитель резинит, а потомок нет
источник

L

LZD in Верстка сайтов HTML/CSS/JS/PHP
Алексей Федоров
эм..... ну вот я про это все время и говорил, что ТУТ можно применить vw
а дальше уже можно в процентах от родителя
так можно сразу в процентах написать 75%
источник

АФ

Алексей Федоров... in Верстка сайтов HTML/CSS/JS/PHP
или потомок резинит не от родителя
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
блоки не обязательно должны уменьшаться при уменьшении ширины экрана, по крайней мере не все
источник

АФ

Алексей Федоров... in Верстка сайтов HTML/CSS/JS/PHP
idkfa
блоки не обязательно должны уменьшаться при уменьшении ширины экрана, по крайней мере не все
вот, как раз то, что я и написал
источник

АФ

Алексей Федоров... in Верстка сайтов HTML/CSS/JS/PHP
LZD
так можно сразу в процентах написать 75%
это в том случае, если у тебя родитель верхнего уровня
а если у него вложенность овердохрена, то как мне проценты угадать?
источник

L

LZD in Верстка сайтов HTML/CSS/JS/PHP
Алексей Федоров
это в том случае, если у тебя родитель верхнего уровня
а если у него вложенность овердохрена, то как мне проценты угадать?
а vw ты как угадываешь
источник

АФ

Алексей Федоров... in Верстка сайтов HTML/CSS/JS/PHP
еще раз
у нас есть диз, он рисует то, что хочет видеть
кто то хочет что бы размер некоего произвольного блока был пропорционален, например, размеру вьюпорта.
как это задать при уровне вложенности в Х ступеней нижнему (в иерархии) блоку?
от родителя не получится, так как он то же как то себя ведет в отношении к вьюпорту. И, допустим, нам это не интересно.
Я вижу вариант только дать ему vw как хочет диз
источник

L

LZD in Верстка сайтов HTML/CSS/JS/PHP
Алексей Федоров
еще раз
у нас есть диз, он рисует то, что хочет видеть
кто то хочет что бы размер некоего произвольного блока был пропорционален, например, размеру вьюпорта.
как это задать при уровне вложенности в Х ступеней нижнему (в иерархии) блоку?
от родителя не получится, так как он то же как то себя ведет в отношении к вьюпорту. И, допустим, нам это не интересно.
Я вижу вариант только дать ему vw как хочет диз
дизайнер такого не хочет
источник