javascript - 覆盖移动设备引导日期选择器的大小

Question

我在我的应用程序上使用引导日期选择器。一切工作正常，除了当我尝试更改日历的大小时。

我在网上找到了下一个 CSS 代码，它可以工作，但需要更改桌面版本和移动设备上的大小。

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

任何保留两种尺寸的日期选择器的建议；一种用于桌面，一种用于移动？

我正在使用 AngularJs、Javascript 和 Bootstrap 日期选择器。

提前致谢。

Answer 1

您可以使用媒体查询来指定移动设备上日期选择器的大小。

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