Question

我有一个非常奇怪的情况，Chrome dev工具上显示的当前像素宽度与我右键单击body元素并查看body元素的整个宽度时所显示的不同。

例如我正在使用

clarityResourceAffectationReports.size() => 1
aggregation.toString() => {"aggregate" : "__collection__" , "pipeline" : [ { "$project" : { "budgetCode" : "$budget_code" , "taskCode" : [ "$task_code"]}} , { "$group" : { "_id" : "$budgetCode" , "budgetCode" : { "$addToSet" : "$budgetCode"} , "taskCode" : { "$addToSet" : "$taskCode"}}} , { "$sort" : { "_id" : 1 , "budgetCode" : 1}}]}

然而，我发现当像素宽度为1240px时应用此样式（如开发工具所示）.....然而，body元素为992px。可能是什么原因造成的？

我已将此元标记放在html

中的标题上

@media screen and (min-width: 992px) {
    .card {
        max-width: 356px;

    }
}

编辑：https://codepen.io/anon/pen/YQXGgg

Break似乎适用于codepen浏览器，但是当我在本地运行时却没有：s

开发工具像素宽度和体元素现在相同

0 个答案: