CSS-网格导致溢出

Question

我正在尝试使用CSS网格功能创建一个2列的网站。我也在尝试使其移动友好。

我所拥有的有效，但是它导致小型设备上的溢出：

<style>
#wrapper {
	display: grid;
	grid-template-columns: minmax(275px, 25%) 75%;
}
</style>

<div id="wrapper">
   <div>One</div>
   <div>Two</div>
</div>

我希望第一列（菜单）的最小宽度限制为275px，宽度为25％，第二列可以占据整页（我尝试使用75％的宽度）。

以某种方式将自身调整为窗口不灵活。

如何做到这一点，以免发生溢出？

Answer 1

使用browser代替1fr。

  

75%是小数单位，fr占可用部分的1   空间。

1fr