VL
Хотя лучше код в codepen написать и быстренько сделаем )
Я просто с flex-grow и flex-basis не работал, как ни странно )
Я просто с flex-grow и flex-basis не работал, как ни странно )
Size: a a a
2020 May 21
VL
Просто min-width убераю и всё работает>
m
https://www.w3schools.com/code/tryit.asp?filename=GEZNPZ54PN2T @clumsymazya мне нужно чтобы была минимальная ширина при маленьких экранах. если забрать min-width то всьо хорошо, но проблема потом при маленьких екранах
А медиазапросы тебе что плохого сделали?
N
Просто min-width убераю и всё работает>
да я знаю что работает. Я просто хочу при маленьких екранах установить минимальную ширину. думал флексами все порешаю)))
N
@clumsymazya я думал все флексом сделать😀
m
Подумай ещё чуток и получится
VL
да я знаю что работает. Я просто хочу при маленьких екранах установить минимальную ширину. думал флексами все порешаю)))
А что нужно решить, чтобы всё было хорошо?
VL
100px * 5 это не менее 500px вроде как )
VL
Резиновые блоки нужны?
L
так вроде так и работает
N
Резиновые блоки нужны?
в точку. да
VL
Есть способ сделать блок например 100% шириной и например 80% высотой и чтоб так увеличивался и уменьшался. Но нужно проверить как это будет выглядет в данном случае с множество блоков.
L
блин я не понимаю вопроса ведь и так все работает как должно
N
@LZD64
@Lavrinovics ребят спасибо большое. я просто весь чат засрал своим флексом. сделаю медиа. МИР😊
@Lavrinovics ребят спасибо большое. я просто весь чат засрал своим флексом. сделаю медиа. МИР😊
VL
Вопрос есть вопрос, может он может быть иногда усовершенствован в лучшую сторону, но закакать, я думаю, ты не закакал. А вот те кто ругаются и злогонят, вот они закакивают, я так считаю>
VL
в точку. да
На будущее, если заинтересует тебя. Есть вариант делать полностью адаптивные видео, например из ютуба, картинки, блоки итд по пропорциям по своему желанию (например 100% на 70% постоянно).
N
понял. спасибо за поддержку👍
VL
понял. спасибо за поддержку👍
<div class="xWrap">
<div class="xContainer video">
<div class="xPadding"></div>
<iframe class="xContent" src="https://emmanuel.tv/live/" allowfullscreen></iframe>
</div>
</div>
.xWrap{
max-width: 900px;
}
.video{ /тут видео, если оно не из ютуба*/ }
.xContainer{
position: relative;
}
.xPadding{
padding-top: 56.25%;
height: 0;
}
iframe{
width: 100%;
height: 100%;
border: none;
}
.xContent{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #333;
}VL
Только вложенность если большая, то нужно как-то подправлять это.
Вобщем может подобное поискать в интернете.
Вобщем может подобное поискать в интернете.