：在ipad中隐藏（剪切）div之后

Question

：选择器div不超过orignal div后出现cut。 由于某种原因，div在ipad上被剪切，但浏览器视图很好。

左侧的浏览器显示和右侧的实际设备显示。 见图：

这是css代码：

{{1}}

Answer 1

从我第一眼看到的内容：

• 您应该将position: relative应用于.validationWrapper对象。
• 您应该将.validationWrapper:after的位置从fixed更改为absolute

对你使用position: fixed伪元素不是一个好习惯，因为它只会在窗口的特定位置显示该元素，并且不会是可伸缩/可移动的。

像这样：

.validationWrapper {
    position: relative; /* <=== New rule */
    font-size: 14px !important;
    font-weight: 800 !important;
    max-width: 450px;
    height: 250px !important;
    top: 46% !important;
    right: 8.2% !important;
    left: auto !important;
    background: #fff !important;
}

.validationWrapper:after {
    width: 15px;
    height: 15px;
    position: absolute; /* <=== New Rule */
    transform: rotate(45deg);
    top: 48%;
    z-index: 1;
    right: 7.85%;
    background-color: #f86161;
    content: "";
    box-shadow: -1px -1px 3px rgba(0,0,0,.15);
}

然后，您应该对齐伪元素（:after）以适应其新的位置需求。