CSS "text-size-adjust" özelliği, bir öğenin metnin boyutunun, cihazlar arasında farklı olan ekran boyutlarına veya zoom seviyelerine göre otomatik olarak ayarlanmasını sağlar. Bu özellik, "none", "auto" veya yüzde değerleri alabilir.

"none" değeri, metnin boyutunun otomatik olarak ayarlanmamasını sağlar. Bu, metnin cihaz veya zoom seviyesine göre değişmeyecektir.

Örneğin, bir div elementinin metninin boyutunun otomatik olarak ayarlanmamasını istiyorsanız, aşağıdaki kodu kullanabilirsiniz.

div {
    text-size-adjust: none;
}

Bu kodda, div elementi için tanımlanmış olan metnin boyutu cihaz veya zoom seviyesine göre değişmeyecektir.

"auto" değeri, metnin boyutunun otomatik olarak ayarlanmasını sağlar. Bu, metnin cihaz veya zoom seviyesine göre otomatik olarak ayarlanmasını belirler. Bir div elementinin metninin boyutunun otomatik olarak ayarlanmasını istiyorsanız, aşağıdaki örneği inceleyebilirsiniz.

div {
    text-size-adjust: auto;
}

Bu örnekte, div elementi için tanımlanmış olan metnin boyutu cihaz veya zoom seviyesine göre otomatik olarak ayarlanacaktır.

Yüzde değerleri ile de metnin boyutunun otomatik olarak ayarlanmasını belirleyebilirsiniz. Örneğin, bir div elementinin metninin boyutunun yüzde 80 kadarına otomatik olarak ayarlanmasını istiyorsanız, aşağıdaki kodu kullanabilirsiniz.

div {
    text-size-adjust: 80%;
}

Bu kodda, div elementi için tanımlanmış olan metnin boyutu yüzde 80 kadarına otomatik olarak ayarlanacaktır.

"text-size-adjust" özelliği, cihazlar arasında farklı olan ekran boyutlarına veya zoom seviyelerine göre metnin boyutunun otomatik olarak belirlenmesi sağlanır. Bu özellik sayesinde, metnin her zaman okunabilir ve anlaşılabilir olmasını sağlayabilirsiniz.