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

Question

我正在尝试生成一个宽度为 150 像素的日期输入字段(根据屏幕宽度，它具有我想要的行行为)。

它在 Mac/Chrome 上运行良好(参见 jsFiddle )，但是当我在 Android 上执行它时，它看起来像这样:

它位于中间，因为文本对齐设置为右对齐。 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;        
    }
}