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