pic.png라는 72x100px PNG 이미지가 있다고 가정합니다. 왼쪽 절반은 노란색이고 오른쪽 절반은 검은 색입니다.
그런 <i class="picture"></i>
다음 다음 CSS 가있는 요소가있는 웹 페이지가 있습니다 .
.picture {
background-image: url('pic.png');
background-position: 0 36px;
display: inline-block;
height: 36px;
width: 36px;
}
Chrome 50 또는 Opera 37에서이 페이지를 열고 배율을 33 %, 67 % 또는 90 %로 설정하면 요소 오른쪽에 1px 검은 색 줄무늬가 표시됩니다. 화면 해상도는 1920x1080입니다.
모든 브라우저에서 요소가 항상 노란색으로 표시되도록이 문제를 해결하려면 어떻게해야합니까?
이제 너비를 35.5px로 설정하면 배율이 67 % 일 때만 검은 색 줄무늬가 나타납니다.
이것을 추가하고 문제가 해결되는지 확인하십시오 ...
display: inline-table;
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다