Css 最大宽度网格问题-当更改为90%时，页面将关闭

当我将最大宽度变量从100%更改为90%时，我很难弄清楚为什么网格的一部分会从页面上消失。如果您需要查看更多的代码，请让我知道。非常感谢任何人的帮助，谢谢

/*季节性事件网格
-------------------------------*/
div.jk-季节>div{
填充：0 20px；
颜色：#fff；
}
@媒体屏幕和屏幕（最小宽度：1024px）{
*{框大小：边框框；}
第jk部分-季节性{
最大宽度：100%；
保证金：0自动；
位置：相对位置；
显示：网格；
网格柱：重复（6，1 fr）；
网格自动行：最小最大值（100px，自动）；
}
}
/*季节性事件1-大事件
-------------------------------*/
@媒体屏幕和屏幕（最小宽度：1024px）{
/*对于桌面：*/
.jk-event1{
格构柱：跨度1/2；
网格行：1/7；
背景图像：url（“http://www.jacquelinekennedy.co.uk/wp-content/uploads/2017/10/jacqueline-kennedy-banner11.jpg");
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
位置：相对位置；
最大宽度：100%；
最小宽度：500px；
保证金：5px；
}
}
/*季节性活动2-中上部
-------------------------------*/
@媒体屏幕和屏幕（最小宽度：1024px）{
/*对于桌面：*/
.jk-event2{
网格柱：2/3；
网格行：1/4；
背景图像：url（“http://www.jacquelinekennedy.co.uk/wp-content/uploads/2017/10/jacqueline-kennedy-banner6.jpg");
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
位置：相对位置；
最大宽度：100%；
最小宽度：300px；
保证金：5px；
}
}
/*季节性事件3-右下角
-------------------------------*/
@媒体屏幕和屏幕（最小宽度：1024px）{
/*对于桌面：*/
.jk-event3{
网格柱：3/3；
网格行：4/7；
背景图像：url（“http://www.jacquelinekennedy.co.uk/wp-content/uploads/2017/10/jacqueline-kennedy-banner6.jpg");
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
位置：相对位置；
最大宽度：100%；
最小宽度：300px；
保证金：5px；
}
}
/*季节性事件4-中底
-------------------------------*/
@媒体屏幕和屏幕（最小宽度：1024px）{
/*对于桌面：*/
.jk-event4{
网格柱：2/3；
网格行：4/7；
背景图像：url（“http://www.jacquelinekennedy.co.uk/wp-content/uploads/2017/10/jacqueline-kennedy-banner6.jpg");
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
位置：相对位置；
最大宽度：100%；
最小宽度：300px；
保证金：5px；
}
}
div.jk-季节>div{
填充：0 10px；
}

以专业的方式规划和管理您梦想中的婚礼，确保您的特殊日子按计划进行。
更多信息
更多信息
更多信息
更多信息

在使用“fr”时，我在wordpress自定义css区域似乎也遇到了一个错误，我还为此添加了一个屏幕截图：

---

请发布足够的代码来重现问题。另外，它是

1fr

而不是

1fr

。谢谢现在就发布代码，但是当我输入1fr时会出现另一个问题。现在发布完整的代码，谢谢，实际上，在一个文件中减少代码会很有帮助。将代码减少到只有桌面版本，这似乎是我遇到问题的地方，谢谢，请发布足够的代码来重现问题。另外，它是

1fr

而不是

1fr

。谢谢现在就发布代码，但是当我输入1fr时会出现另一个问题。现在发布完整的代码，谢谢。实际上，在一个应用程序中减少代码会有帮助。已经将代码减少到只有桌面版本，这似乎是我遇到问题的地方，谢谢