Семантический UI сетки Классы

Question

В большинстве классов структуры CSS сетки четко определены, например, Bootstrap имеет

xs (for phones) 
sm (for tablets) 
md (for desktops) 
lg (for larger desktops) 

Чтение через семантического UI это, кажется, не имеют к классу сетки, кто-нибудь знает, что они есть?

Answer 1

Семантические ui имеют классы сетки, они объясняются here.

Однако вы имеете в виду размеры, которые контролируются media queries.

Медиа-запросы - это способы выборочного применения некоторого правила на основе спецификации устройства.

Если мы посмотрим на код начальной загрузки мы видим такие вещи, как:

@media (max-width: 767px) { 
    .visible-xs { 
     display: block !important; 
    } 
    table.visible-xs { 
     display: table !important; 
    } 
    tr.visible-xs { 
     display: table-row !important; 
    } 
    th.visible-xs, 
    td.visible-xs { 
     display: table-cell !important; 
    } 
    } 
    @media (max-width: 767px) { 
    .visible-xs-block { 
     display: block !important; 
    } 
    } 
    @media (max-width: 767px) { 
    .visible-xs-inline { 
     display: inline !important; 
    } 
    } 
    @media (max-width: 767px) { 
    .visible-xs-inline-block { 
     display: inline-block !important; 
    } 
    } 

Это медиа-запросы, возможно, показывающие компоненты, теперь хотя смысловая щ не дает это четкое определение она имеет эту проблему на его компонентов, например here семантический UI Применить правила на containers, и вы можете использовать их для той же цели:

Контейнеры предназначены для ответно регулировать их максимальную ширину в зависимости от размера экрана, они appearin г.