Изображения, меняющие размеры между браузерами

Question

Я пытаюсь создать веб-сайт и временные изображения, сделанные в фотошопе, я переделал эти изображения в иллюстраторе, а также между хромированными и firefox изображения меняют размеры (огромные в firefox и малый хром). Я экспортировал изображения в png, и я использую ширину и максимальную ширину на этих изображениях.

Любые идеи, почему это происходит?

Answer 1

max-width не может быть менее width. Наиболее распространенный способ использования max-width как это:

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

Таким образом, width контролирует фактическую ширину .selectormax-width но не позволит .selector быть шире, чем 100% в document. На самом деле, как вы написали max-width, он был переопределен width.

Если вы серьезно об использовании width, а также max-width, вы можете написать так:

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

Кроме того, Инлайн CSS не рекомендуется в SEO. Если вы увлечены этим, подумайте об этом, а также добавьте alt к изображению :-)

Удачи вам!