Firefox에서 잘 보이지만 (크기가 변경되면) Chrome에서 깨지는 CSS/less 리본이 있습니다.LESS/CSS 리사이즈시 크롬에서 리본이 끊어짐
100 % 확대시보기에는 문제가 없지만 움직이거나 안팎으로 움직이면 요소가 정렬되지 않습니다. 나는 그것을 아래의 팅커빈에 넣었고 색상을 더 적은 변수로 만들어 주위를 놀기 쉽게 만들었습니다.
참고 : Tinkerbin에이 코드를 사용하는 경우, 그렇지 않으면 리본이 전혀로드되지 않습니다 :)
이 될 것으로 보인다, LESS를 눌러 실행하기 위해 CSS 구문을 설정해야합니다 해결되지 않은 버그 (2013 년 1 월 13 일 기준). Here was another stack overflow question 국경의 크기를 em으로 좁혔습니다. 그 사람은 a bug report with webkit을 접수하게되었습니다. 아마 당신은 그 버그 리포트에 당신의 경험을 확인으로 추가해야 할 것입니다.
webkit (적어도 Chrome, Safari도 가능)에서 em 단위 배율 문제인 것으로 확인되었습니다. 코드를 px 측정 값 (font-size: 16px !important을 기준으로 미리 계산)으로 전환하면 올바르게 작동하는 리본 as you can see here이 Chrome에서 아름답게 만납니다.
감사합니다! 나는 그 피드백을 버그 보고서에 확실히 추가 할 것이다. – zackliscio
웹킷으로 제출합니다. – zackliscio
기괴한 편입니다. 현명하게 보이는 모든 것이 괜찮아 보입니다. 내가 확인한 모든 것은 여전히 몇 가지 확대/축소 수준에서 위 또는 아래로 문제를 보여줍니다. 나는 지금 그것을 밤으로 불러야 할 것이다. 어쩌면 뭔가 꿈에서 내게 올 것입니다. – ScottS
알아. 게시하기 전에 나는 내가 생각할 수있는 모든 것을 시도했다. 크롬 자체가 책임이 있는지 궁금해하기 시작합니다. – zackliscio