问题描述
使用Dreamweaver使用单独的样式表创建静态网页。
我进行了更改,将CSS网格用于网页的特定部分。
在桌面视口中,CSS网格工作正常:
.grid {display: grid; grid-template-columns: 1fr 1fr; column-gap: 2em}
.grid-item {display: inline-grid; }
所以我在使用4 x .grid-item
时看到2 x 2的网格。
我最近在样式表中添加了CSS规则:
@media (max-width: 600px) {
.grid {grid-template-columns: 1fr;}
}
意图是600像素或更小,网格将显示在1列中。
在桌面视口中使用Chrome Inspector时,即使我仍然看到未重新加载的同一页面,并且在桌面视口中,网格行为也消失了。
当视口宽度为600px或更小时,我也看不到预期的行为。
似乎当我使用Chrome或新的Edge Inspector时,样式表会恢复为不包含网格CSS的样式表的旧版本-它不会显示在Inspector中。
隐身行为中会发生相同的行为。
帮助表示赞赏。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)