Добрый день, имеется два сайта, на одном реализованы вкладки на странице через HTML и CSS. Тут стоит рево.
На втором сайте стоит эво, сделал точно также, но на мобильных вкладки не отображаются вообще.
реализовано так:
Вкладка №1

Вкладка №2

Вкладка №3

Вкладка №4

Произвольное содержимое...

Произвольное содержимое...

Произвольное содержимое...


Вторая вкладка


Размеры содержимого вкладок

могут отличаться по высоте!


Лого



стили
.tabs { width: 100%; padding: 0px; margin: 0 auto; }
.tabs>input { display: none; }
.tabs>div {
display: none;
padding: 12px;
border: 1px solid #C0C0C0;
background: #FFFFFF;
}
.tabs>label {
display: inline-block;
padding: 7px;
margin: 0 -5px -1px 0;
text-align: center;
color: #666666;
border: 1px solid #C0C0C0;
background: #E0E0E0;
cursor: pointer;
}
.tabs>input:checked + label {
color: #000000;
border: 1px solid #C0C0C0;
border-bottom: 1px solid #FFFFFF;
background: #FFFFFF;
}
#tab_1:checked ~ #txt_1,
#tab_2:checked ~ #txt_2,
#tab_3:checked ~ #txt_3,
#tab_4:checked ~ #txt_4 { display: block; }