일렬정렬 메뉴 오버시 문제
검사
2023.04.01
안녕하세요
메뉴 오버시 bold 주면 (일렬정렬메뉴)
오버했을때 텍스트가 굵어지면서 움직이게 되는데요 (좌우로 조금씩)
이것이 타브라우저와 ie 7,8 까지는 비슷한데
ie9,10이 전혀 다르게 먹습니다.
예를 들면
오버했을때 안움직이게 할려고
letter-spacing:-1px 를 줘봤는데요
ie9,10에서만 움직임이 생기고 타 브라우저는 움직임이 없어집니다.
ie9,10에서 letter-spacing:-1px 효과를 보려면 letter-spacing:-0.2px 정도를 맞춰야 하네요.
혹시 다른분들은 이런문제를 어떻게 처리하시나요?
-
맨마루
관심 가져 주셔서 감사합니다 . 고객사에서 혹이라도 문제를 삼는다면 li에 넓이값을 생각을 하고 있습니다. 혹이나 다른 좋은 방법이 없을까해서 ^^~~ 맑은고딕이라서 그른가요 좀더 테스트를 해볼려고용 ^^
-
외국녀
일렬정렬메뉴를 할때는 저는.. 넓이속성을 주는편... width나 min-width...
-
보미
부모 요소의 사이즈 고정? 텍스트 자체의 움직을 없앤다는건 좀..... 텍스가 움직여도 옆/아래 요소개 영향을 안받으면 되지 않을까요?