调整大小时页面被切断

Question

在我的网站（sidle页面网站）中，如果浏览器打开窗口以完整模式打开，则一切正常。

我的问题是当我重新调整浏览器窗口大小时。

而不是保持页面显示的页面比例＆＃34; cut＆＃34;。

这是一个例子（应该有6个橙色子弹）

正常模式（以完整模式打开）：

当我调整浏览器窗口大小时（只显示2个子弹，如果我缩小窗口，则会显示更少的项目符号）：

这个＆＃34;页面＆＃34; css是：

.section {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

可能是什么原因？

Answer 1

使用下面的代码行可以解决您的问题。尝试在给定的课程中提供min-height和min-width。

.section {   
position: relative;   
/*width: 100%;   
height: 100%;*/   
min-width: 100%;   
min-height: 100%; 
}