CSS 미디어 쿼리 유체 이미지

Question

내 웹 사이트의 유체 이미지를 생성하는 중입니다. (아래 CSS 참조) 미디어 쿼리에 관해서는 모바일 우선 접근 방식을 취하고 있습니다.

내 질문은 - 정확히 무엇입니까 'image-rendering : auto';?

이 규칙은 모든 크기에서 최적의 이미지 품질을 보장합니까? 모바일 스타일을 적용 할 때이 규칙을 사용해야합니까?

이미지 렌더링을 사용해야합니까 : OptimizeQaulity;?

img { 
    max-width: 100%; 
    height: auto; 
    image-rendering: auto; 
} 

많은 감사, P

Answer 1

이미지 렌더링 브라우저에서는 작동 방법의 과정을 설명하여 (아마 모바일 버전)을 다운 스케일링 할 때 이미지를 overcalled.

image-rendering: optimizeQuality 가능한 최선의 결과를 제공하려고합니다. 그러나 모바일에서는 먼저 image-rendering: optimizeSpeed을 시도 할 수 있습니다.

더 많은 정보를 얻으려면 image rendering css을 입력하면 많은 정보가 생성됩니다. 내 빠른 팁은 htmlcss.wikia right here 또는 mozilla docs article입니다.

추가 정보가 필요하면 언제든지 문의하십시오.

안부 인사, 마리안.