覆盖移动设备的引导日期选取器的大小

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;
}
}