브라우저 크기 조정 시 "offsetWidth" 값을 다시 동기화

Question

여러 하위 항목이 있는 가로 스크롤 div가 있습니다. 너비에 따라 하위 항목이 잘릴 수 있습니다. 따라서 4와 1/2개의 항목이 표시될 수 있습니다. 따라서 저는 Javascript를 사용하여 너비가 하위 요소를 균등하게 분배하도록 합니다.

저는 Javascript를 사용하여 .palette的宽度，并将其除以我想要显示的项目数（减去边距），并将其应用于每个.swatch를 감지합니다. 더 나은/더 쉬운 방법이 있는지 확실하지 않습니까?

이것이 해결책이라면 창 크기를 조정할 때 업데이트되도록 좀 더 책임감 있게 만드는 데 도움이 필요합니다.

1. 폭이 업데이트되도록 크기 조정 시 업데이트를 offsetWidth하고 싶습니다.
2. 특정 "중단점" 위에 matchMedia다른 값을 사용할 수 있나요? 이 부분이 작동합니다!

으아악 으아악 으아악

Answer 1

아이디어는 resize 回调函数中，您只是更新父元素 (.palette) 的宽度，而不是子元素的宽度（.swatch)에 있습니다.

새 JS 코드 사용:

으아악

보너스: 슬라이딩 창에서 원하는 자녀 수를 선택할 수 있도록 기능을 더욱 일반화했습니다.