Вход

Просмотр полной версии : Адаптивная верстка DIV

Wic_
22.10.2020, 14:57
Здравствуйте! Посоветуйте, как можно такое реализовать. Есть два div в одной строке. При сужении экрана они выстраиваются один под другим. Как сделать, чтобы у них в этом случае ширина была не 50, а 100 %?
<div style="min-width:200px; float:left; width:50%; height:200px;">Text</div>
<div style="min-width:200px; float:left; width:50%; height:200px;">Text</div>
рони
22.10.2020, 15:17
Wic_,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.txt{
min-width:200px; float:left; width:50%; height:200px;
border: 1px solid red;
box-sizing: border-box;
}
@media screen and (max-width: 680px) {
.txt {width: 100%;}
}
</style>
</head>
<body>
<div class="txt">Text</div>
<div class="txt">Text</div>
</body>
</html>
romanklyans
26.10.2020, 11:03
Спасибо, Рони! Теперь можно спокойно оформилять щедрые бонусы на официальном сайте Azino 3 топора https://azinocazino.com/bonusy и играть на реальные деньги в слоты, рулетку, блекджек и другие азартные игры. За оформление фриспинов есть возможность бесплатно вращать барабаны игровых автоматов и потренировать свои навыки.