Использование точки останова 576px предназначено для всех видов мобильных устройств.
// This is the default size
.article {
width: 100px;
}
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) {
width: 200px;
}
Другой ответ также предназначен для планшетов. Но если вы хотите настроить таргетинг только на мобильные устройства, воспользуйтесь моим решением.
Вы могли использовать помощника Цикла. Что-то вроде этого:
<tr class="<%= cycle("even", "odd") %>">
<td><%= row.name %></td>
</tr>
Или в Вашем случае используют bgcolor вместо этого, хотя я рекомендовал бы использовать классы CSS.
Можно циклически повториться больше чем через два значения: цикл ('первый', 'второй', 'третий', ‘and_more’).
Существует также: reset_cycle (‘cycle_name’) Это удостоверяется, что на каждом повторении, Вы запустите снова со своего первого значения списка цикла.
Проверьте документацию направляющих на большее количество примеров.
Еще одна идея, вы можете использовать javascript для изменения стиля элемента на основе (общее количество TD% 2).
Таким образом, весь ваш визуальный материал содержится в слое html / css / javascript. Опять же, этот метод не работает, если javascript отключен.