請(qǐng)問mobile web還有更優(yōu)雅的在手機(jī)鍵盤上方顯示內(nèi)容的方式嗎？

position：fixed;bottom: 0;完美解決

。。。我我使用 height:100%;display:flex; align-self:end 麻煩了半天，

發(fā)現(xiàn)一個(gè)position：fixed;bottom: 0;完美解決

我使用 height:100%;display:flex; align-self:end;解決的

*{
    margin:0;
    padding:0;
}

html,body{
    height: 100%;
}

.rowFlex {
    display: flex;
    flex-direction: row;
}

.colFlex {
    display: flex;
    flex-direction: column;
    align-items: center;
}

<div id="app" class="colFlex" style="width: 100%;height: 100%">
    <div class="rowFlex" style="width: 100%;height: 100%" >
        <input type="text" style="height: 10px">
        <div style="align-self: flex-end;background: red;">123</div>
    </div>
</div>