Size: a a a

Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript

2019 September 06

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
С чего бы? Результат на фото - это высота в процентах от ширины.
источник

hp

honda prelude in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Роб
Зачем давать высоту в процентах?
подумал что при уменьшении окна браузера футер будет уменьшаться пропорционально
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
honda prelude
подумал что при уменьшении окна браузера футер будет уменьшаться пропорционально
Ты, скорее всего, не задал высоту странице. По умолчанию проценты в htight отсчитываются от width родителя, если height у него неопределен.
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Если не прописать явную высоту телу - ее не будет.
источник

hp

honda prelude in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Роб
Ты, скорее всего, не задал высоту странице. По умолчанию проценты в htight отсчитываются от width родителя, если height у него неопределен.
а высоту можно только  минимальную прописать? не фиксированная высота у меня
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
А еще есть такие единицы как vh, но с ними есть нюанс на мобилке. Но скорее всего с футером нюанс будет незаметен.
Если тебе принципиально увеличивать\уменьшать футер - замени проценты высоты на vh
источник

hp

honda prelude in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Роб
А еще есть такие единицы как vh, но с ними есть нюанс на мобилке. Но скорее всего с футером нюанс будет незаметен.
Если тебе принципиально увеличивать\уменьшать футер - замени проценты высоты на vh
не принципиально совсем, только такое решение придумал. можно и пикселях указать, на адаптивности ведь это не скажется, ну в смвсле на мобилках и прочем?
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
honda prelude
не принципиально совсем, только такое решение придумал. можно и пикселях указать, на адаптивности ведь это не скажется, ну в смвсле на мобилках и прочем?
В твоем случае нет смысла в такой высоте, адаптивность - это в первую очередь зависимость элементов от ширины.

Даешь футеру width: 100%, height: 80px или сколько нужно чтобы хорошо смотрелось и забываешь про него.
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Тогда и в паддинге прописываешь то же значение.
источник

hp

honda prelude in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
в бутстрапе в хелпе у них сука так типа все просто - стики прописал и он стики, и все работает, фиксед значит фиксед. а по факту нифига не просто 😁
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
honda prelude
в бутстрапе в хелпе у них сука так типа все просто - стики прописал и он стики, и все работает, фиксед значит фиксед. а по факту нифига не просто 😁
Наверное ты смотришь разделы, в которых нужно подключать их js.
источник

hp

honda prelude in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Роб
Наверное ты смотришь разделы, в которых нужно подключать их js.
вроде нет, там же js примеры отдельно, снизу как я понял идут
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Тебе виднее, я редко его использую.
источник

hp

honda prelude in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Роб
Тогда и в паддинге прописываешь то же значение.
манипулировал там на странице и так и сяк. сейчас верну все и попробую как ты советуешь.
источник

hp

honda prelude in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Роб
Тебе виднее, я редко его использую.
на флексбоксах предпочитаешь?
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
В основном - да.
источник

hp

honda prelude in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Роб
В основном - да.
я читал и видео смотрел и по флексу, и по бутстрапу, много инфы, в голове каша , все меж собой путаю еще
источник

hp

honda prelude in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
решил что по первой мне на бутстрапе проще будет научиться
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Плохое решение. Бутстрап - это готовые классы с тем же флексом. Для простых однотипных задач он может быть хорош, но даже так лучше знать что происходит.
источник

hp

honda prelude in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Роб
Плохое решение. Бутстрап - это готовые классы с тем же флексом. Для простых однотипных задач он может быть хорош, но даже так лучше знать что происходит.
я понял что бутстрап сделан на флексах. и то есть для полного понимания лучше знать основы, а не готовое решение. друг хочет одностраничник, вот мне и стала интересна эта тема. не так чтоб сделать и забыть, а именно развиваться. интересная тема довольно таки
источник