Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.10.2020, 14:57
Интересующийся
Отправить личное сообщение для Wic_ Посмотреть профиль Найти все сообщения от Wic_
 
Регистрация: 25.01.2019
Сообщений: 14

Адаптивная верстка 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_, 22.10.2020 в 15:01.
Ответить с цитированием
  #2 (permalink)  
Старый 22.10.2020, 15:17
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

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>
Ответить с цитированием
  #3 (permalink)  
Старый 26.10.2020, 11:03
Новичок на форуме
Отправить личное сообщение для romanklyans Посмотреть профиль Найти все сообщения от romanklyans
 
Регистрация: 26.10.2020
Сообщений: 1

Спасибо, Рони! Теперь можно спокойно оформилять щедрые бонусы на официальном сайте Azino 3 топора https://azinocazino.com/bonusy и играть на реальные деньги в слоты, рулетку, блекджек и другие азартные игры. За оформление фриспинов есть возможность бесплатно вращать барабаны игровых автоматов и потренировать свои навыки.

Последний раз редактировалось romanklyans, 16.11.2020 в 11:18.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Адаптивная верстка bootstrap, html5, css3 & jQuery WebPak Работа 0 30.07.2016 01:16
адаптивная верстка kolich45 (X)HTML/CSS 5 21.12.2015 20:18
Адаптивная верстка. Duda.Ml1986@gmail.com jQuery 0 27.01.2015 14:20
адаптивная css верстка mer1985uui Работа 1 25.05.2014 01:26
Адаптивная верстка. Mari_like (X)HTML/CSS 3 02.04.2013 18:03