CSS clamp() ਫੰਕਸ਼ਨ

ਨਿਰਧਾਰਣ ਅਤੇ ਵਰਤੋਂ

CSS ਦੇ clamp() ਫੰਕਸ਼ਨ ਇੱਕ ਮਿਆਰ ਸੈਟ ਕਰਦਾ ਹੈ ਜਿਸ ਦਾ ਮਿਆਰ ਵਿੱਚ ਵਿਦਰਭ ਦੇ ਅਕਾਰ ਦੇ ਅਨੁਸਾਰ ਸਭ ਤੋਂ ਘੱਟ ਮਿਆਰ ਤੋਂ ਸਭ ਤੋਂ ਵੱਧ ਮਿਆਰ ਤੱਕ ਸਵੈਚਾਲਿਤ ਰੂਪ ਵਿੱਚ ਸਰਜਨ ਹੁੰਦਾ ਹੈ。

clamp() ਫੰਕਸ਼ਨ ਤਿੰਨ ਪੈਰਾਮੀਟਰਸ ਹਨ: ਸਭ ਤੋਂ ਘੱਟ ਮਿਆਰ, ਪਸੰਦੀਦਾ ਮਿਆਰ ਅਤੇ ਸਭ ਤੋਂ ਵੱਧ ਮਿਆਰ। ਜੇਕਰ ਪਸੰਦੀਦਾ ਮਿਆਰ ਨਿਰਧਾਰਿਤ ਕੀਤੇ ਗਏ ਰੈਂਜ ਵਿੱਚ ਹੈ ਤਾਂ ਬਰਾਉਜ਼ਰ ਪਸੰਦੀਦਾ ਮਿਆਰ ਚੁਣੇਗਾ; ਨਹੀਂ ਤਾਂ ਬਰਾਉਜ਼ਰ ਸਭ ਤੋਂ ਘੱਟ ਮਿਆਰ ਜਾਂ ਸਭ ਤੋਂ ਵੱਧ ਮਿਆਰ ਚੁਣੇਗਾ。

ਇੰਸਟੈਂਸ

ਹੈੱਡਰ ਐਲੀਮੈਂਟ ਦਾ ਸਭ ਤੋਂ ਘੱਟ ਫੋਂਟ ਸਾਈਜ਼ 2rem ਅਤੇ ਸਭ ਤੋਂ ਵੱਧ ਫੋਂਟ ਸਾਈਜ਼ 3.5rem ਸੈਟ ਕਰੋ। ਸਾਥੇ ਪੈਰਾਗ੍ਰਾਫ ਐਲੀਮੈਂਟ ਦਾ ਸਭ ਤੋਂ ਘੱਟ ਫੋਂਟ ਸਾਈਜ਼ 1rem ਅਤੇ ਸਭ ਤੋਂ ਵੱਧ ਫੋਂਟ ਸਾਈਜ਼ 2.5rem ਸੈਟ ਕਰੋ:

h1 {
  font-size: clamp(2rem, 2.5vw, 3.5rem);
}
p {
  font-size: clamp(1rem, 2.5vw, 2.5rem);
}

ਆਪਣੇ ਆਪ ਦੱਸੋ

CSS ਗਰੈਮੈਟਿਕ

clamp(ਮਿਨ, ਪਸੰਦੀਦਾ, ਮਾਕਸ)

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਬਰਾਉਜ਼ਰ ਸਪੂਰਤੀ

ਸਾਰੇ ਟੇਬਲ ਵਿੱਚ ਦਿਸਾਈ ਨੰਬਰ ਪਹਿਲੀ ਸਪੂਰਤ ਬਰਾਉਜ਼ਰ ਸੰਸਕਰਣ ਦਿਸਾਈ ਹੈ。