设置宽度时，日期输入显示错误

Question

我正在尝试生成一个宽度为150像素的日期输入字段（根据屏幕的宽度，我想要的线条行为）。

它适用于Mac / Chrome（请参阅jsFiddle），但是当我在Android上执行它时，它看起来像这样：

它位于中间，因为text-align设置为right。 150px将是1983结束的地方。

我做错了吗？还是浏览器？在这种情况下，是否有解决方法？

PS：它也适用于Mac / Firefox和Mac / Safari

Answer 1

您的媒体查询使日期字段的宽度为100％。如果要更改此设置，请更改媒体查询中的宽度。

@media all and (max-width: 410px) {
    .dispInline {
        text-align: left;
        width:100%;
    }    
    .dispInlineDate {
        width: 150px;        
    }
}

Answer 2

我已经设置了.css：

.dispInlineDate {
    float:none;      
}

并从内联样式中删除width:150px;。设置它会破坏文本位置。

现在它有效。另外，可以设置另一个150px的div，然后它就是150px。