今天进行真机调试时input的提示词 placeholder脱离了文档流,但是奇怪的是input框没有脱离文档流
如下图所示:
微信开发工具正常: 真机:不正常 脱离文档流
解决方法:
<view class="view_input"><input type="text" placeholder="有话要说,快来评论" >
</view>
css 加上定位
.view_input{//.........input{background-color: skyblue;position: relative;}input::-webkit-input-placeholder {position: absolute;top: 0;}}
效果:
这里记录一下