CSS img maksimum genişlik: 100%

Evet, aralarında bir fark var. width ve max-width.

W3school'dan gelen bu tanım, anlamanızı kolaylaştıracaktır.

https://www.w3schools.com/cssref/pr_dim_max-width.asp

Bu max-width özellik, bir öğenin maksimum genişliğini tanımlar.

İçerik maksimum genişlikten büyükse, otomatik olarak öğenin yüksekliğini değiştirin.

İçerik maksimum genişlikten küçükse, maksimum genişlik mülkiyetin hiçbir etkisi yoktur.

Not: Bu değeri engeller width olmaktan mülkiyet daha büyük max-width. Bu değeri max-width özellik geçersiz kılmaları bu width mülk.

Şimdi sorunuza geliyor, eğer değiştirirseniz max-width ile width ve kırılma noktası >=500px veya >için resminizin genişliğini kontrol edin

Ancak yukarıdaki tanımdan bahsedildiği gibi, max-width öğe genişliğinin belirli bir genişliğin üzerine çıkmadığından emin olur (üst genişlik ne olursa olsun) ve bu özelliğin getirilmesinin nedeni budur.