android - 手机网页

标签 android css reactjs browser

我有一个移动网络聊天应用程序,如屏幕截图所示 enter image description here ,我在屏幕底部有一个文本框,它位于页脚中,在 Android 浏览器上,该文本框没有出现在焦点上,而在 iOS 中它工作正常。任何人都可以帮忙。在 ReactJs 中开发。

页脚:{

zIndex: 2,
bottom: 0,
boxSizing: "border-box",
left: 0,
position: "absolute",
right: 0,
background: "#fff",
position: "relative",
padding: "0 10px",
boxShadow: "0px -1px 10px 0px rgba(0,0,0,.12)"

最佳答案

您已经两次使用position 属性,一次是absolute,另一次是relative。 尝试仅使用一个值并查看结果。希望它能奏效。

关于android - 手机网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53001462/

相关文章:

java - 无法从 '9.0.1' 确定 java 版本

android - versionName 是否必须增加?

android - 如何在 IntentService 中使用 WebView?

javascript - 当单击另一个选项卡(链接)并且用户留在同一页面上时,如何防止 CSS 发生变化?

javascript - 将对象数组转换为 Map Immutable.js

javascript - 如果我知道移动设备上的屏幕尺寸如何分隔一行文本

c# - 文本框和按钮未正确对齐

css - Mailchimp 框旁边的按钮

javascript - 在 React 应用程序的这个示例中,bind(this) 到底做了什么?

javascript - 如何制作循环以重用函数