CSS İLE RESİMLERİ RESPONSİVE (MOBİL UYUMLU) YAPMA
Aşağıda responsive bir resim örneği paylaştım.
Öğeyi görmek için üye olmalısınız.
Gördüğünüz gibi tarayıcının genişliğini daralttıkça resim de en boy oranını koruyarak küçülüyor.
Yani aynı resim hem bilgisayarda hem tablette hem de telefonda...
bootstrap
bootstrap-5
csscss alt gölge
css basit
css birimlerine bir bakış
css borders
cssboxsizingcss classes
css csript
csscss3
html
html 5
javascript
resim ekleme
web
webgeliştirme
Css box sizing nedir ve ne amaçla kullanılır ? box-sizing:border-box kullanımı nasıldır ?
Bir nesnenin kapladığı alan nesnenin genişliği + padding + border değerlerinin toplamıdır.
Örneğin 2 tane <div>' in padding haricinde tüm özellikleri aynı olsun.
<div id="red">
</div>
<div id="blue">...