Css没有正确应用于::

Question

我有一个带有:: after的自定义类，但并非所有元素都应用了它。

如您所见，email元素没有边框（:: after）。 Chrome和Firefox都会出现这种情况。

这是每个元素的html：

<div class="content-contact-info">
    <div class="content-contact-info-icon">
        <img src="https://cpanel.appmatic.nulltilus.com/images/icons/controlpanel/gallery/ic_info_black_48dp.png">
    </div>

    <div class="content-contact-text">
        <div class="content-contact-info-title">
            Las copas gemelas
        </div>
the ::after
        <div class="content-contact-info-subtitle">
            Carrer de Xàtiva, Valencia
        </div>
    </div>
</div>

这就是css：

.mobile-container > .mobile-content .content-contact-info {
    width: 100%;
    height: 120px;

    display: flex;
    flex-flow: row wrap;

    position: relative;

    padding: 14px 0;
}

.mobile-container > .mobile-content .content-contact-info::after {
    content: '';

    width: 600px;
    height: 1px;

    margin-left: calc(100% - 600px);

    background-color: #CCCCCC;
}

.mobile-container > .mobile-content .content-contact-info > .content-contact-info-icon {
    width: 120px;
    height: 120px;

    padding: 25px;
}

.mobile-container > .mobile-content .content-contact-info > .content-contact-info-icon > img {
    max-width: 100%;
}

.mobile-container > .mobile-content .content-contact-info > .content-contact-text > .content-contact-info-title, .mobile-container > .mobile-content .content-contact-info > .content-contact-text > .content-contact-info-subtitle {
    max-width: 500px;
    height: 60px;
}

.mobile-container > .mobile-content .content-contact-info > .content-contact-text > .content-contact-info-title {
    padding-top: 30px;
}

.mobile-container > .mobile-content .content-contact-info > .content-contact-text > .content-contact-info-subtitle {
    color: #797979;
    font-size: .7em;
    text-overflow: ellipsis;

    padding-top: 7px;
}

如果:: after中的高度设置为＆gt; 1px，它有效。

Answer 1

是的，缩放可能很棘手，我在这里举例说明：

如果你有一个高度设置为30px的元素，那么90％的缩放效果正常，因为这是27px，但不再是75％的缩放，因为这是22.50像素。

小心！

Answer 2

好吧，问题是我使用缩放导航器达到70％以适应页面中的内容（测试），正如我所看到的，导航器无法使用70％缩放渲染1px div。我的坏。