Bootstrap datepicker 在小浏览器屏幕上调整位置和大小

Question

我的 Bootstrap 日期选择器当前显示在文本框的左下方，在普通浏览器窗口中没问题。但是当浏览器窗口变小或调整大小时，问题就出现了。当浏览器窗口变小时，我想让日期选择器显示在左上方。同样在小屏幕上，我希望日期选择器也变小，但它应该是可读的并且应该看起来不错

任何帮助将不胜感激

Answer 1

您想针对不同的分辨率使用 CSS 媒体查询。例如。

@media (min-width: 768px) {
    .some-class {
        float: right;
        width: some_width;
        height: auto;
    }     
}

@media (min-width: 481px) and (max-width: 767px) {
    .some-class {
        float: left;
        width: some_smaller_width;
        height: auto (or some specific height);
    }
}

更多：w3schools/mediaqueries