Fotoğrafları otomatik olarak küçültmek

Mobil veya düşük çözünürlüklü ekranlarda büyük fotolar görünütülenmede sorun yaşatır. Bunu halletmenin çok basit bir yolu var. Aşağıdaki örnekte olduğu gibi style tagı ile fotolarınızın boyutunu otomatik olarak ayarlayabilirsiniz:

Mobil veya düşük çözünürlüklü ekranlarda büyük fotolar görünütülenmede sorun yaşatır. Bunu halletmenin çok basit bir yolu var.

Aşağıdaki örnekte olduğu gibi style tagı ile fotolarınızın boyutunu otomatik olarak ayarlayabilirsiniz:

<img src="foto.jpg" style="width: 100%; height: auto" />

width ile genişliği ayarladık. Burada tüm fotoyu gösteriyoruz. Ancak dilerseniz belli bir maksimum boyut ile de ayarlanabilir.

<img src="foto.jpg" style="max-width: 500px;height: auto" />