表格上的水平滚动在 iOS Safari 上不起作用

Question

我正在编写一个 React 应用程序，但我无法在仅在 iOS Safari 上工作的桌子上进行水平滚动。它似乎适用于其他一切。

我的 JS 文件

<div className={styles.parent}>
  <div className={styles.wrapper}>
    <table className={styles.table}>...</table>
  </div>
<div>

我的 CSS

.parent {
  width: 100%;
  overflow-x: hidden; 
}

.wrapper {
  position: relative;
}
.table {
  background: transparent;
  border-spacing: 12px 0;
  min-width: 1em;
  display: block;
  overflow-x: auto;
  max-width: none;
  -webkit-overflow-scrolling: touch !important;
}

Answer 1

请试试这个，希望对你有帮助。

.parent {
  width: 100%;
  overflow-x: auto; 
}

谢谢