css - 元素上 chrome 背景中分辨率为 1920x1080 的 CSS

Question

在这些条件下，css 必须存在的惊人问题：

• 仅限镀铬
• 分辨率 1920x1080

在firefox下工作正常，在其他分辨率下工作正常。

问题是什么：背景颜色出现在列表元素上：

我的CSS代码：

  body {
    background: #2D2F39;
    color: #9E9A98;
    font-size: 10pt;
  }
  .liner{
        margin-top: 1em;
        background: #353C48 ;
    }

 .line-item {
        background: rgba(0,0,0,0.1) ;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing:border-box;
        padding: 5px 1em;
        margin-bottom: 10px;
    }
    .line-item h3{
        margin: 0;
        font-size: 12pt;
        color: #C21F39 ;
        padding: 2px 5px 0;
        font-weight: normal;
    }
    .line-item h3:hover{
        color: #fff;
        /*border-bottom: 1px dotted #ccc;*/
    }
    .line-item p{
        color: #bbb;
        margin-top: 0;
    }

以html为例：

<div   class="liner ">
            <div   class="line-item" ><a  href="#/questions/General-RCE-quesions" class=""><h3 >
                        # General RCE quesions
                    </h3></a>
                <p >
                    <span  class="fa fa-arrow-right"></span> 
                    The general question about Reverse code engineering here... [Debugging, Cracking, Unpacking]</p>
            </div>
        </div>

笔记：我用webpack这个，当尝试检查元素时，它是临时修复的。

你可以试试这个：

https://webscene.ir/#/tools

使用 chrome 和分辨率 1920x1080 更改本节中的某些页面。

标签： cssgoogle-chromeresolution