Переопределить размер загрузчика даты для мобильного

Question

Я использую загрузчик даты в моем приложении.Все работает отлично, за исключением случаев, когда я пытаюсь изменить размер календаря.

Я нашел следующий код CSS в Интернете, и он работает, но измените размер на настольной версии и мобильном телефоне.

.datepicker,
.table-condensed {
  width: 500px;
  height:500px;
}

Любые предложения, чтобы сохранить два размера DatePicker;один для настольного компьютера и один для мобильного?

Я использую AngularJs, Javascript и Bootstrap datepicker.

Заранее спасибо.

Answer 1

Вы можете использовать медиазапрос, чтобы указать размер средства выбора даты на мобильном телефоне.

@media only screen and (max-width: 600px) {
    .datepicker {
        width: 100px;
        height:100px;
    }
}