自定义修改mui-input-row中的label宽度后input不能自适应

自定义修改mui-input-row中的label宽度，发现大于120px后，在360X640的尺寸下，input不能正常显示，但是在宽屏下可以正常显示。通过加背景发现input位置不正常。

 <div class="mui-input-row pan-xtyhm-div">  
    <label>系统用户名<span class="red_star">*</span>：</label>  
    <input type="text" class="mui-input-clear pan-xtyhm" placeholder="系统用户名" />  
</div>

.pan-xtyhm-div label {  
    width: 130px;  
    padding: 10px 0 10px 15px;  
}  
.pan-xtyhm-div input {  
    background-color: #01A1FF !important;  
    float: left !important;  

}

但是在稍微宽一些屏下可以展示出来，全屏下也是可以展示。

不知道官方有没有自定义label宽度后input自适应的方案。
不知道是否和我电脑分辨率有关系，或者说是浏览器适应的问题。