브라우저간에 크기가 바뀌는 이미지

Question

나는 포토샵으로 만든 임시 이미지와 웹 사이트를 구축하려고하는데, 일러스트 레이터에서이 이미지를 다시 만들었고 크롬과 파이어 폭스 사이의 이미지는 크기가 커지고있다. 파이어 폭스와 크롬에 작은). 이미지를 png로 내보내었고이 이미지의 너비와 최대 너비를 사용하고 있습니다.

왜 이런 생각입니까?

Answer 1

max-width은 width 이상이어야합니다. max-width을 사용하는 가장 일반적인 방법은 다음과 같이이다 :

.selector { 
    width: 1200px; 
    max-width: 100%; 
} 

는 그래서, width는 .selector의 실제 폭을 제어하지만 max-width은 .selector가 document의 100%보다 더 넓게하지 않습니다. 실제로, max-width을 작성한 방법은 width을 덮어 씁니다. 또한

<img style="width: 45%; max-width: 45%;" src="images/animation.png"> 

이 인라인 CSS는 SEO 권장되지 않는다 : 당신이 width도 max-width 사용에 대한 심각한 경우

, 당신은이 방법을 쓸 수 있습니다. 당신이 그것에 열중하다면, 끝났다고 생각하고 또한 이미지에 alt를 추가하십시오 :-)

행운을 빌어 요!