1回答

好帮手慕夭夭

2020-08-22

已采纳

同学你好，宽度相对浏览器100%显示时，并不是无法居中，而是看不到居中效果。就好比一个盘子里面放了一个西瓜，西瓜的尺寸为100%，即和盘子一样大，那么无论怎么放，西瓜都是占满盘子，看不到居中效果。如果放一个小西瓜，不能占满盘子，放在中间，才会看出来它是居中的。这里的container也是一个道理的，只有它的宽度小于浏览器的宽度，才能看到居中效果。所以当它宽度为100%时，是如下效果：

而例子中，grid.css样式表里面是设置了媒体查询的（即@media ），里面设置的固定宽度会把之前设置的宽度100%覆盖，所以能够看到居中效果。

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

1