在将列设置为1fr时调整浏览器大小时网格项重叠

时间:2017-08-05 19:58:35

标签: html css css3 css-grid

我正在使用CSS网格设计我的网站,在使用@RequestMapping(path = "/com/{product}", params = "add") String add(@PathVariable("product") String product) { System.out.println("add method; product=" + product); return "add"; } @RequestMapping(path = "/com/{product}", params = "minus") String minus(@PathVariable("product") String product) { System.out.println("minus method; product=" + product); return "minus"; } 定义网格时遇到了一个真正的问题。

在大型浏览器窗口中,一切看起来都很好,但随着浏览器窗口变得非常小,这些项目开始重叠。

有没有人经历过这种情况?如果是这样,有人有解决方案吗?

我的HTML

1fr

我的css

<div id="box-0"></div>
<div class="box-1">TextTextTextTextTextTextTextText</div>
<div class="box-2">TextTextTextTextTextTextTextText</div>
<div class="box-3">TextTextTextTextTextTextTextText</div>
<div class="box-4">TextTextTextTextTextTextTextText</div>
<div class="box-5">TextTextTextTextTextTextTextText</div>
<div class="box-6">TextTextTextTextTextTextTextText</div>
<div class="box-7">TextTextTextTextTextTextTextText</div>
<div class="box-8">TextTextTextTextTextTextTextText</div>

0 个答案:

没有答案