Laravel 控制页面宽度大小

我有一个页面看起来像这样

您在图片上看到的datetimepicker的宽度不能再小了。 因此，当宽度超过1200像素，低于约1550像素时，发生的情况是，日期选择器离开其位置，如下所示：

当宽度为1550 px或大于1550 px时，宽度足以容纳datetimepicker 当宽度低于1200时，响应性会起作用，使页面看起来像这样

---

所以我需要帮助的是如何设置att 1550而不是1200的响应能力。这是可能的吗？如果是，如何实现？

您可以轻松地以媒体查询的形式将自定义“断点”添加到css中

@media only screen and (max-width: 1550px) {
  // type your styles here
  // set your content to be vertically aligned
}

---

让我知道这是否有用：）

您可以轻松地以媒体查询的形式将自定义“断点”添加到css中

@media only screen and (max-width: 1550px) {
  // type your styles here
  // set your content to be vertically aligned
}

---

如果有帮助，请告诉我：）

您也可以像这样修复溢出内容

.button容器{
左侧填充：0；
列表样式：无；
显示：-网络工具包盒；
显示器：flex；
柔性包装：nowrap；
溢出-x：自动；
溢出y：隐藏；
-webkit框对齐：基线；
调整项目：基线；
边缘底部：30px；
}
.按钮容器{
最大宽度：300px；
}
.按钮包装{
背景颜色：浅蓝色；
弹性收缩：0；
}
.按钮包装器按钮{
填充：5px15px；
边界半径：5px；
边框：1px实心#000；
利润率：10px；
}
.按钮容器：：-webkit滚动条{
宽度：2倍；
高度：8px；
}
按钮容器：：-webkit滚动条轨迹{
框阴影：嵌入0.2px灰色；
边界半径：0px；
}
.button容器：-webkit滚动条拇指{
背景#ff9b51；
边界半径：0px；
}
.button容器：-webkit滚动条拇指：悬停{
背景：灰色；
}

范围
周
月
一刻钟
年

您也可以像这样修复溢出内容

.button容器{
左侧填充：0；
列表样式：无；
显示：-网络工具包盒；
显示器：flex；
柔性包装：nowrap；
溢出-x：自动；
溢出y：隐藏；
-webkit框对齐：基线；
调整项目：基线；
边缘底部：30px；
}
.按钮容器{
最大宽度：300px；
}
.按钮包装{
背景颜色：浅蓝色；
弹性收缩：0；
}
.按钮包装器按钮{
填充：5px15px；
边界半径：5px；
边框：1px实心#000；
利润率：10px；
}
.按钮容器：：-webkit滚动条{
宽度：2倍；
高度：8px；
}
按钮容器：：-webkit滚动条轨迹{
框阴影：嵌入0.2px灰色；
边界半径：0px；
}
.button容器：-webkit滚动条拇指{
背景#ff9b51；
边界半径：0px；
}
.button容器：-webkit滚动条拇指：悬停{
背景：灰色；
}

范围
周
月
一刻钟
年

Okej良好的开端。但是我不知道我的页面转换为响应模式时css内容会是什么样子。您可以编写哪些代码，使页面具有响应性？你也可以做最大宽度：1550和最小宽度1200Okej好的开始。但是我不知道我的页面转换为响应模式时css内容会是什么样子。您可以编写哪些代码，使页面具有响应性？你还可以做最大宽度：1550和最小宽度1200