时间戳

首页 > 解决方案 > 使用 chrome 代码检查器时，我无法访问最新的样式表

css - 使用 chrome 代码检查器时，我无法访问最新的样式表

问题描述

使用 Dreamweaver 创建使用单独样式表的静态网页。

我对网页的特定部分使用 CSS 网格进行了更改。

在桌面视口中，CSS 网格可以正常工作：

.grid {display: grid; grid-template-columns: 1fr 1fr; column-gap: 2em}
.grid-item {display: inline-grid; }

所以我在使用 4 x 时看到了 2 x 2 网格.grid-item。

我最近在样式表中添加了一条 CSS 规则：

@media (max-width: 600px) {
    .grid {grid-template-columns: 1fr;}
}

为了 600px 和更少，网格将显示在 1 列中。

当我在桌面视口中使用 Chrome Inspector 时，网格行为消失了，即使我仍然看到尚未重新加载的同一页面并且它位于桌面视口中。

当视口宽度为 600 像素或更小时，我也看不到预期的行为。

似乎当我使用 Chrome 或新的 Edge Inspector 时，样式表会恢复为不包含网格 CSS 的旧版本的样式表 - 它不会显示在 Inspector 中。

同样的行为也发生在隐身行为中。

帮助表示赞赏。

标签： cssgoogle-chromemicrosoft-edgeweb-inspector

解决方案

推荐阅读