缩小窗口时如何进行水平滚动？

【问题标题】：How to make a horizontal scroll when minifying window?缩小窗口时如何进行水平滚动？
【发布时间】：2017-05-05 16:37:19
【问题描述】：

如何在缩小窗口时进行水平滚动？我在正文中制作了overflow-x，但没有水平滚动和元素移位 - 我不需要移位。带图片的 html 和 css 链接：https://drive.google.com/drive/folders/0ByQHLazSsLs-dF9TbzJUcWdSVms?usp=sharing

【问题讨论】：

标签： html css markup

【解决方案1】：

只需设置body标签的宽度并应用overflow-x: scroll;

body{
    overflow-x: scroll;
    width: 1200px;
}

我希望这对你有用。

【讨论】：

【解决方案2】：

您可能需要将元素包装在 div 中，然后使用媒体查询。

CSS3 具有@media 查询，可以改变您的 HTML 在特定屏幕尺寸下的行为方式。

body {
      width:95%;
      height500px;
      background-color: lightgreen;
}
div {
     width: 100px;
     background: lightblue;
  }

@media screen and (max-width: 768px) {
    body {
        background-color: lightgreen;
        
      
    }
  div {
     width: 800px;
     background: lightblue;
     overflow-x:scroll;
  }
}

<div>
  asdfas
  </div>

【讨论】：