Bootstrap 3 имеет дело с разницей между xs и sm
Я использую col-xs- * для мобильных устройств в портретной ориентации, но наивно полагал, что col-sm- * был для ландшафтных мобильных устройств, однако, согласно первому ответуиз этого вопросаНа самом деле это не так.
Поэтому мой вопрос заключается в том, как эффективно использовать структуру col для ландшафтных телефонов?
Моя идея была:
col-xs-12 на вертикальном мобильномcol-sm-6 на ландшафтном мобильном (как это заметно шире)Тем не менее, поскольку sm - это не то, чем я изначально думал, возможно ли это без изменения базового загрузочного CSS?
Если мы посмотрим на iPhone 6+, например, в альбомной ориентации его ширина составляет 736 пикселей, что все еще считается в пределах xs.
Так что все, что col-xs-12 в этом окне просмотра выглядит абсолютно огромным, что делает вещи ужасными.
Теоретически я мог бы изменить точку останова sm ниже текущего значения 768, однако есть ли лучший способ сделать это?
Может быть, добавив класс между xs и sm?
ОБНОВИТЬ
Я также нашел этот фрагмент из другого вопроса, который имеет потенциал.
@media only screen and (min-width: 480px) and (max-width: 767px) {
.col-xsl-6{ width: 50%; }
}