CSS - 페이지를 작성할 때 레이아웃 문제가 발생했습니다. 해결을 도와주세요. 긴급합니다. ~

Question

내가 하고 싶은 건 바로 이거야
가운데에 육각형 그림도 있고, 주변의 공 그림도 있고, 육각형과 공이 연결된 그림도 있어요. 원해요

핵심은 요구사항입니다. 이 5개의 작은 공은 점프 링크가 있는 태그입니다. 사용된 개발 프레임워크는 부트스트랩입니다.
글을 쓸 때 절대 위치 지정을 사용했는데 너비가 1200px 이상이면 문제가 없습니다
그러나 예를 들어 1200px 이하는요. 1199px, 이 작은 공의 위치가 어긋나 있습니다

그리고 min-width를 사용하여 1200px 이하로 변하지 않도록 조절했더니 스크롤바가 생겼는데,
근데 너비가 1200px쯤 되면 사장님이 스크롤바 있는 걸 원하지 않으셨는데... 그래서...' 정말 혼란스러워요 ...

이 레이아웃 문제를 해결할 수 있는 사람이 있는지 묻고 싶습니다

Answer 1

이미지 매핑 http://www.w3school.com.cn/ta...을 사용해 볼 수 있습니다.
코드를 게시하는 것이 좋습니다

Answer 2

백분율 사용
별도의 작은 그림으로 사용하세요
모든 것을 p로 묶으세요. .
크기는 화면 비율을 기준으로 하거나 @media를 사용하여 직접 정의할 수 있습니다. 다양한 화면 너비는 px 단위로 고정됩니다.
6각형 이미지의 크기는
6개의 공 이미지와 같은 비율을 사용합니다. (20%)와 같은 백분율도 사용합니다.