Bir textarea yeniden boyutlandırma öğesinin orijinal/varsayılan boyutundan küçültülmesine (yalnızca büyütülmesine) izin ver

Question

Programsal olarak tanımlanmış bir orijinal/varsayılan boyuta sahip, ancak kullanıcının tanımlı sınırlar içinde yeniden boyutlandırabileceği bir textarea öğesi oluşturmaya çalışıyorum. hem büyümesine hem de küçülmesine izin verin.

Ben metin alanının resize, min-width, max-width ve width özellikleri ayarlayarak denedi, ama, bugüne kadar, bu sadece daralttığınızda değil, kullanıcıtextarea eleman yetiştirmek sağlar. Tarayıcı, kullanıcının width ve max-width sınırları dahilinde öğeyi boyutlandırıp yeniden boyutlandırmasına izin verir, min-width ve max-width arasındaki sınırlar, amaçlandığı gibi değil.

ayrıca asgari boyutu olarak işlem olmayacak bir varsayılan boyutu belirlemek basit bir yolu var mı? İşte

---

ile çalışıyorum kodudur:

function textAreaWithDefault(size) { 
    var ta = document.createElement("textArea"); 

    ta.style.resize = "both"; 
    ta.style.minWidth = "100px"; 
    ta.style.width = size + "px"; // default size 
    ta.style.maxWidth = "500px"; 

    document.body.appendChild(ta); 
} 

Saf css ve/veya JavaScript çözüm tercih edilir, ancak yalnızca web kit üzerinde çalışmak zorundadır. 0

Answer 1

deneyin ben fittext veya benzer komut içine görünecektir: http://fittextjs.com/

Bu tam olarak tarif etmektedirler şeyi öğrenirsin.

Answer 2

için min-width max-genişlik ve genişliğine eşit ayarlamak için