Адаптивная верстка DIV
Здравствуйте! Посоветуйте, как можно такое реализовать. Есть два 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> |
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> |
Спасибо, Рони! Теперь можно спокойно оформилять щедрые бонусы на официальном сайте Azino 3 топора https://azinocazino.com/bonusy и играть на реальные деньги в слоты, рулетку, блекджек и другие азартные игры. За оформление фриспинов есть возможность бесплатно вращать барабаны игровых автоматов и потренировать свои навыки.
|
Часовой пояс GMT +3, время: 20:11. |