Javascript 当浏览器窗口小于div大小时，如何保持div中心？

基本上，当浏览器窗口变大时，div保持居中，并在外部创建空白。当浏览器窗口变小时，我希望发生同样的事情。我希望看到的div少一些，但要使其居中。目前，我看到的div较少，但左侧锁定，因此我最终只能看到图像左侧的滑动部分，而不是中间部分。对不起，如果这是一个复杂的方式问我是新的编程。任何帮助都将不胜感激！提前谢谢！：

p、 如果有人能帮忙的话，我也很难播放视频

这是我目前的代码

身体{ 字体系列：“无衬线”，无衬线； 保证金：0； 填充：0； } 页面容器{ 宽度：1920像素； 保证金：自动； } 你可以试试

#page-container {
    width:1920px;
    margin-left: -960px;
    position: relative;
    left: 50%;
}        

你可以试试

#page-container {
    width:1920px;
    margin-left: -960px;
    position: relative;
    left: 50%;
}        

---

您可以将pageContainer置于绝对位置，如下所示

#page-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1920px;
}

---

您可以将pageContainer置于绝对位置，如下所示

#page-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1920px;
}

---

使用flexbox怎么样

身体{ 字体系列：“无衬线”，无衬线； 保证金：0； 填充：0； } 页面容器{ 宽度：1920像素； 显示器：flex； 对齐项目：居中； 证明内容：中心； }

---

使用flexbox怎么样

身体{ 字体系列：“无衬线”，无衬线； 保证金：0； 填充：0； } 页面容器{ 宽度：1920像素； 显示器：flex； 对齐项目：居中； 证明内容：中心； }

---

你真的想要水平滚动条吗

如果你不喜欢，我不喜欢定义宽度，尤其是像素，因为每个设备的宽度都不一样

相反，您可以将宽度定义为width:100%或width:100vw，这有助于根据屏幕大小调整div

您可以尝试以下代码：

body {
  font-family: 'Noto Sans', sans-serif;
  margin: 0 auto;
  padding: 0;
}
#page-container {
  width: 100%;
  margin: auto;
}

---

你真的想要水平滚动条吗

如果你不喜欢，我不喜欢定义宽度，尤其是像素，因为每个设备的宽度都不一样

相反，您可以将宽度定义为width:100%或width:100vw，这有助于根据屏幕大小调整div

您可以尝试以下代码：

body {
  font-family: 'Noto Sans', sans-serif;
  margin: 0 auto;
  padding: 0;
}
#page-container {
  width: 100%;
  margin: auto;
}

---

嗨，本，欢迎来到SO。你的意思是在视频位于垂直和水平中心的位置进行响应缩放吗？谢谢：是的，但仅限于水平中心。Selim Achour下面的建议非常有效！：D为什么我的视频不工作？如果没有静音属性，视频往往会被阻止播放。它可以防止网站在未经您允许的情况下启动视频。否则可能是文件的路径不正确。虽然塞利姆的答案是有效的，但这是一种老派的技巧。如果你刚开始并且愿意学习，那么结帐并构建你的布局。是的，非常感谢你的工作！嗨，本，欢迎来到SO。你的意思是在视频位于垂直和水平中心的位置进行响应缩放吗？谢谢：是的，但仅限于水平中心。Selim Achour下面的建议非常有效！：D为什么我的视频不工作？如果没有静音属性，视频往往会被阻止播放。它可以防止网站在未经您允许的情况下启动视频。否则可能是文件的路径不正确。虽然塞利姆的答案是有效的，但这是一种老派的技巧。如果你刚开始并且愿意学习，那么结帐并构建你的布局。是的，非常感谢你的工作！