我有一个移动网络聊天应用程序,如屏幕截图所示 ,我在屏幕底部有一个文本框,它位于页脚中,在 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/