일부 이미지의 경우 페이지 크기에 따라 이미지의 크기를 조정하여 반응이 좋도록하는 것이 좋습니다.응답 성있는 목적으로 이미지 크기 조정의 성능 문제를 해결하는 방법은 무엇입니까?
<img class="img_scale" src="img.png" alt"this img doesn't have width and height
definition">
CSS : 이미지가 빌보드 배경 이미지 아니거나하지 유연한 상자에 경우
.img_scale{width:100%; height:100%; margin:0 auto; height:auto !important;}
이 솔루션은 .. 완벽하게 작동 그래서 내가 jQuery를 사용하는 대신에 이미지를 확장하고 싶습니다 플러그인.
그러나 이미지 크기를 조정하면 다시 칠하고 많은 성능 문제가 발생한다고 종종 말합니다.
무엇을합니까? 이미지 스케일링의 성능 문제를 극복 할 수있는 솔루션이 있습니까?
접선 질문 : 높이를 450px로 설정 한 다음 'auto! important'로 덮어 쓰는 이유는 무엇입니까? –
그냥 잘못 입력하는 중 : P를 편집했습니다. – user2045937
높이 속성을 모두 제거합니다. 첫 번째 항목은 기본값을 복원하는 두 번째 항목에 의해 재정의됩니다. 또한 너비를 바꿀 것입니다. 최대 너비의 경우 100 % : 작은 이미지를 더 크게 확장하지 않을 100 %. – pwdst