javascript - 接触盒在 "mobile"尺寸分辨率下不可操作。 HTML/CSS

标签 javascript css html

<分区>


关于您编写​​的代码问题的问题必须在问题本身中描述具体问题 — 并且包括有效代码 以重现它。参见 SSCCE.org寻求指导。

关闭 9 年前

没有为较小的分辨率设置自定义 CSS。我有一个问题,如果我以足够低的分辨率加载网页,单击联系人框,我无法输入任何字段,直到我将浏览器拉伸(stretch)到更大的分辨率。此时我可以编辑联系人框并返回移动分辨率并使其仍然可操作。

真正解释这一点的唯一方法是让你们去我设置的临时站点 here .我已经扫描了 HTML 代码,看看我是否遗漏了一个封闭的 div 或其他东西,但这种情况对我来说很奇怪,尤其是因为它在全分辨率下工作。

请让我知道我缺少什么,我已经尝试了所有的可能性。

最佳答案

这似乎是弹出窗口或随之而来的背景/叠加层的 z-index 的问题。我调出开发工具并在弹出窗口上设置高 z-index 并在叠加层上设置低索引并修复它。但是,每次打开弹出窗口时都会重置这些元素。这让我认为元素是每次生成的而不是显示/隐藏的。无论情况如何,您都需要将适当的 z-index 添加到 css 或元素本身(内联 - 不推荐),并且可能需要 !important取决于代码中发生的一切。

关于javascript - 接触盒在 "mobile"尺寸分辨率下不可操作。 HTML/CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20976066/

上一篇:javascript - 如何访问 :after and :before properties of box-shadow in javascript

下一篇:html - 我希望将调整后的 div 限制为最小和最大宽度

相关文章:

javascript - 使用高阶组件的 this.props 在 componentDidUpdate() 内已过时

javascript - CSS Grid - 突出显示单元格直到悬停的单元格

css - 响应式网页设计 - 在桌面上不显示

javascript - 解决方案 Bootstrap 表单验证

javascript - 如何使用JS来控制包含的HTML文件返回的内容?

html - 将 ng-click 应用于表列

php - 具有 5 个下拉列表的 Ajax

html - CSS 元素和文本不透明度

html - CSS 链接的相对路径解析

javascript - 悬停图像时需要播放两种不同的声音吗?