0

我正在使用 ng-zorro-antd 7.0.0 rc3 和 angular 7.2.4。

我的问题是：在移动浏览器上使用 nz-range-picker 时无法水平滚动，似乎元素在屏幕上太大了，但 nz-range-picker 的父级有“over-flow-x: hidden ”，或“溢出：隐藏”属性。

但我找不到解决这个问题的元素。

我查看了 Ng-Zorro 的文档，似乎他们也遇到了这个问题：https ://ng.ant.design/components/date-picker/en#header

我还看到了 Ant Design 的 react 版本，它没有这个问题：https ://ant.design/components/date-picker/#header

谁能帮我这个？

移动屏幕上溢出-x 时范围选择器无法滚动

4

1 回答 1

2

感谢 AlokeT，我已经解决了这个问题。

当响应移动设备时，我使选择器显示垂直。

将此添加到 src/styles.less (或 css | scss)

// @screen-sm-min = 576px, or you can choose another break point
@media only screen and (max-width: @screen-sm-min + 100px) {
  .ant-calendar-range {
    width: 276px;
    .ant-calendar-range-part {
      width: 100%;
    }
    .ant-calendar-range-right {
      float: left;
      border-top: 1px solid #e8e8e8;
    }
  }
}
于 2019-02-16T06:26:39.480 回答