我正在设计一个包含页脚的页面,其中包含长文本框,具体取决于移动设备和与其相邻的按钮,无需考虑移动设备即可保留。
以下是代码:
<div data-role="footer" data-position="fixed"
data-theme="e" style="position: fixed;" class="ui-grid-a">
<div class="ui-block-a">
<input type="text" id="addComment" name="addComment" data-inline="true"></div>
<div class="ui-block-b">
<a href="#" data-rel="popup" class="ui-btn ui-mini ui-btn-inline ui-icon-check ui-corner-all ui-btn-icon-notext" style="float:right;"></a>
</div>
</div>
我们可以操纵 ui-block-a 宽度,捕获80%的宽度,剩余的20%仅用于按钮? 还是有其他可能性吗?
我希望在查看评论或添加评论的同时使页脚的外观类似于Instagram。