1/1'den 100/100'e dek genişlik ölçüsü ayarlayabilir miyiz?

[volkantash]

Selamun aleyküm. Bugün 2022 yılının Ramazan ayının ilk günü. Tüm müslüman kardaşlarımızın Ramazanı kutlu/mübarek olsun.

Bu konuda size çok güzel bir gelişmeden söz etmek istiyorum. Bilen biliyor deveb ile 1/1'den 24/24'e dek genişlik ölçüsü kullanabiliyorduk. Şimdi bunu 100/100'e dek çıkarmak için çalışıyorum. Güzel bir sonuç yakaladım. CSS boyutu beklediğimden küçük çıkacak gibi duruyor. Elde edilen sonuçlar kandırıcı olur ise, inşallah deveb 1.1 sürümünde söz ettiğim ayarları göreceğiz.

Niye Bu Denli Değerli?

CSS bildiğiniz üzere durgan yapılıdır (statik yapılıdır). Son yıllarda birkaç dokunuş ile bu çizgisinden çıkıp durgan yapısını yitirmeye başladı. İyi bir şeyden söz ediyorum. Ancak yine de 1/1 ... 100/100 genişlik için yüzlerce satır yazılır idi. Şöyle anlatayım.

1/100 ~ 100/100 için 100 satır tanımlanır.
1/99 ~ 99/99 için 99 satır tanımlanır.
...
Toplamda kaç satır yazılması gerekir? 100 * 101 / 2 =5050 satır yazılması gerekmektedir.

Peki biz bunu kaç satırda bitirdik? 20~25 satır arasında. Her ekran genişliği için 5050 satır yazsak ve 4 ekran genişliği tanımlasak 20200 satır demek olacak... CSS'nin ne kadar büyük boyutta olabileceğini düşünebiliyor musunuz? Kesinkes böyle bir şeyin kullanılması düşünülemez.

İşte burada CSS'nin seçicilerinden doğru yararlanıp ve hesapları doğru yapıp kısacık satırda işleri bitirdik. 20~25 satır nere, 5050 satır nere...

Yakında

<div data-gnl="(10/64)">Bu alan 64lük paydada, 10luk pay kapsamış bir genişliktir.</div>