media и вшм

Не могу разобраться с @media

При стандартном разрешении блоки в 2 столбца
но при моб в один но на половину экрана, как для моб версии сделать блок блоки div на всю ширину.
Если прописать
width:100%; вообще не работает.

http://jsfiddle.net/7zw5v8sd/1/
Если размер больше max то отображаеться в один столбец 100%
и ещё один баг в шаблоне на Joomla 3.3.6 всё на оборот
при маленьком экране 2 столбца при полном один
подскажите как правильно прописать

Код

<div class="tab2">
<div class="two">
название 1
   <p> <em><u>текст</u></em></p> </div>
    <div class="two">
название 2
      <p><strong><em><u>текст 2</u></em></strong></p>
</div>
<div class="two">
название 3 <p><strong><em><u>текст 2</u></em></strong></p>
     </div>
<div class="two">
название 4
   <p><strong><em><u>текст 2</u></em></strong></p>
   </div>

   </div>

Код

@media (max-width: 960px) { 
.two{
width:46%;
display: inline; 
float:left;
padding: 8px; 
margin: 0px 0px 15px 5px;
border: 1px solid black;
border-color: #994350; 

    }}

@media (min-width: 480px) { 
.two{
border: 1px solid black;
border-color: #994350;

    }}

Как правильно прописать @media? Автор stendapuss	Ответов: 17 Просмотров: 5413	27.01.2018, 12:02:57 от stendapuss
@media screen - не всегда работает Автор darkghost	Ответов: 6 Просмотров: 9443	01.06.2017, 12:08:11 от dmitry_stas
VT media шаблон в слайдере в IE прогрессбар съезжает вниз Автор wishlight	Ответов: 0 Просмотров: 1568	26.04.2017, 19:26:53 от wishlight
@media - не желает работать Автор darkghost	Ответов: 2 Просмотров: 1183	05.10.2016, 15:03:52 от darkghost
@media, полностью скрыть код из исходного кода страницы? Автор reasons	Ответов: 3 Просмотров: 2123	21.12.2015, 20:58:41 от Shustry

media и вшм - Вопросы по CSS

Новости Joomla

👩‍💻 Joomla включена в программу Google Summer of Code 2026.

Вышли релизы Joomla 6.0.3 и Joomla 5.4.3

👩‍💻 События плагинов и порядок их срабатывания при работе с пользовательскими полями Joomla и использовании FieldsHelper.

dj_serg

media и вшм

ShfVD

Re: media и вшм

Похожие темы