닫는 아이콘에 11px x 11px "X"의 일련의 탭을 디자인하려고합니다.왜 IE9의 작은 크기의 이미지를 확대하면 이미지가 왜곡됩니까?
IE9에서 95 %로 확대하면 "X"의 이미지 왜곡이 보입니다. 나는 동일한 아이콘의 배수를 표시하고 확대/축소하고, Chrome 및 Firefox에서는 완벽하게 작동하지만 IE에서는 작동하지 않습니다.
크롬과 Firefox에서는 매번 10 % 씩만 확대/축소 할 수 있기 때문에 맞춤 확대/축소와 관련이 있다고 생각합니다.
내가 틀렸다고 생각하면 제발 고쳐주세요.
확답 ^^
나는 이것을 풀 수 있다고 생각하지 않습니다. 줌인 중에 Internet Explorer가 이미지의 크기를 조정하는 방법을 제어 할 수 없습니다. 이것은 1/2 픽셀에 관한 문제이므로 이미지가 매우 작을 때만 눈에 띄게됩니다. 인터넷 익스플로러는 분명히 높이와 너비를 다른 방식으로 계산합니다.
왜 11px x 11px 이미지가 이 좋을지 예상합니까?은 95 % 크기로 표시됩니까? 크기를 줄이려면 10px x 10px 버전을 만드십시오.
10 x 10 버전에서도 작동하지 않습니다. 나는 노력했다. :( –
IE는 다른 브라우저와 완전히 다른 렌더링 엔진을 사용합니다.
내부적으로 확대/축소가 발생하면 크기 조정이 적용된 브라우저 영역이 다시 그려집니다. 일부 브라우저는 앤티 앨리어싱 및 기타 기술을 사용하여 아티팩트를 제거하거나 완화합니다.
불행히도, 이것은 사용자가 제어 할 수있는 것이 아닙니다.
답장을 보내 주신다면 ^^ IE의 상자 모델이 W3C 표준 모델과 다르다는 것을 알고 있습니다. 바깥 쪽에서 안쪽으로 여백, 테두리, 패딩 및 내용이 있습니다. W3C 표준의 너비는 내용 그 자체입니다. 그러나 IE가 너비를 측정하는 방법은 border + padding + content입니다. 여기에 http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug에 대한 링크가 있지만 IE9가 여전히 이와 같이 행동하는지는 잘 모릅니다. 이것이 내 버그의 원인이 될 수 있습니까? –