我开始使用伟大的Rachel Andrews的CSS网格布局,我无法弄清楚,我怎么能拉伸包装.我正在使用她的第一个例子,从书籍Get Ready for CSS Grid Layout中进行了一些修改 - 全高度.
它在Chrome,FF,Safari,Opera上运行得非常完美 - 但它并没有填补IE的全部空间.我正在为网格系统(-ms-)使用IE前缀,一切正常但不是全高.
.wrapper {
display: grid;
display: -ms-grid;
grid-template-columns: 12px calc(50vw - 18px) 12px calc(25vw - 18px) 12px calc(25vw - 12px) 12px;
-ms-grid-columns: 12px calc(50vw - 18px) 12px calc(25vw - 18px) 12px calc(25vw - 12px) 12px;
grid-template-rows: 12px auto 12px auto 12px;
-ms-grid-rows: 12px auto 12px auto 12px;
background-color: #fff;
color: #444;
height: 100vh;
}
.box {
background-color: rgb(120, 70, 123);
border: 5px solid rgb(88, …