Back to Question Center
0

ਸਾਸ ਨਾਲ ਤੁਹਾਡੇ ਟਾਈਪੋਗ੍ਰਾਫਿਕ ਇਕਾਈਆਂ ਨੂੰ ਬਦਲਣਾ            Sass ਦੁਆਰਾ ਆਪਣੇ ਟਾਇਪੋਗ੍ਰਾਫਿਕ ਇਕਾਈਆਂ ਨੂੰ ਤਬਦੀਲ ਕਰਨਾ: CSS ਆਰਕੀਟੈਕਚਰਸੀਐਸਐਸਸਐਨੀਮੇਸ਼ਨਔਡੀਓ ਅਤੇ & ਮਿਗਲ

1 answers:
ਸਾਸ ਨਾਲ ਤੁਹਾਡਾ ਟਾਈਪੋਗਰਾਫਿਕ ਇਕਾਈਆਂ ਨੂੰ ਬਦਲਣਾ

ਸਾਸ ਨਾਲ ਤੁਹਾਡੇ ਟਾਈਪੋਗ੍ਰਾਫਿਕ ਇਕਾਈਆਂ ਨੂੰ ਬਦਲਣਾSass ਦੁਆਰਾ ਆਪਣੇ ਟਾਇਪੋਗ੍ਰਾਫਿਕ ਇਕਾਈਆਂ ਨੂੰ ਤਬਦੀਲ ਕਰਨਾ:
CSS ਆਰਕੀਟੈਕਚਰ ਸੀ ਐਸ ਐਸ ਐਸਐਸ ਐਨੀਮੇਸ਼ਨ ਔਡੀਓ ਅਤੇ ਸੈਮਲਾਟ

ਇਹ ਇਕ ਲੇਖ ਦਾ ਨਵੀਨਤਮ ਸੰਸਕਰਣ ਹੈ ਜਿਸ ਨੂੰ ਪਹਿਲੀ ਸਤੰਬਰ, 2015 ਨੂੰ ਪ੍ਰਕਾਸ਼ਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ.

ਬਹੁਤ ਚਿਰ ਪਹਿਲਾਂ, ਮਿਡਲ ਅਤੀਤ ਦੇ ਸੰਘਣੀ ਸ਼ੀਸ਼ੇ ਵਿਚ, ਨਿਡਰ ਅਦਾਕਾਰੀਆਂ ਨੇ ਉਸੇ ਤਰੀਕੇ ਨਾਲ ਖ਼ਤਰਿਆਂ ਦਾ ਨਿਪਟਾਰਾ ਕੀਤਾ: ਇੱਕ ਸਥਿਰ 960 ਪੈਕਸ ਲੇਆਉਟ ਨੂੰ ਕੱਟਣਾ, ਇੱਕ ਸੈਟ ਗਰਿੱਡ ਨਾਲ ਲੜਨਾ ਅਤੇ ਦੁਸ਼ਟਤਾ ਨੂੰ ਦੂਰ ਕਰਨ ਲਈ ਪਿਕਸਲ ਵਿੱਚ ਆਪਣੀ ਟਾਈਪੋਗ੍ਰਾਫੀ ਨੂੰ ਅੱਗ ਲਾਉਣਾ.

ਜਿੰਮੇਵਾਰ ਵੈਬ ਡਿਜ਼ਾਈਨ ਤੋਂ ਬਾਅਦ ਸਾਨੂੰ ਉਸ ਸੰਘਣੀ ਧੁੰਦ ਤੋਂ ਬਾਹਰ ਕੱਢ ਕੇ ਅਤੇ ਗਿਆਨ ਦੇ ਯੁਗ ਵਿਚ ਲਿਆ ਕੇ ਇਹ ਸਭ ਬਦਲ ਦਿੱਤਾ ਹੈ. ਅਤੇ ਫਿਰ ਵੀ, ਵੈਬ 'ਤੇ ਟਾਈਪੋਗ੍ਰਾਫੀ ਦੀ ਵਰਤੋਂ ਸਮੇਂ ਵੀ ਇੱਕ ਦਰਦ ਹੁੰਦੀ ਹੈ. ਪਿਕਸਲ ਜਾਂ ਪੁਆਇੰਟ ਤੋਂ ਲੈ ਕੇ ਪ੍ਰਤੀਸ਼ਤ ਅਤੇ ਈਐਮਐਸ ਤੱਕ ਧੱਕਣ ਨਾਲ, ਮੈਂ ਆਪਣੇ ਆਪ ਨੂੰ ਲਗਾਤਾਰ "ਪਿਕਸਲ ਤੋਂ ਪੈਮਾਨਾ ਪਰਿਵਰਤਨ ਚਾਰਟ" ਜਾਂ ਹਰ ਪ੍ਰਾਜੈਕਟ ਦੀ ਸ਼ੁਰੂਆਤ ਦੇ ਸਮਾਨ ਅਤੇ ਕਦੇ-ਕਦਾਈਂ ਵੀ ਪੂਰੇ ਹੋਣ ਦਾ ਪਤਾ ਲਗਦਾ ਹੈ - giochi per bambini alle feste.

ਨਿਰਾਸ਼ਾ ਵਿੱਚ, ਆਖਰਕਾਰ ਮੈਂ ਇਹਨਾਂ ਸਮੱਸਿਆਵਾਂ ਨੂੰ ਖਤਮ ਕਰਨ ਲਈ ਆਪਣੀ ਖੋਜ ਵਿੱਚ ਇੱਕ ਨਵਾਂ, ਸਰਬੰਗੀ ਫੰਕਸ਼ਨ ਬਣਾਉਣ ਲਈ ਸਾਸ ਦੀ ਸ਼ਕਤੀ ਵੱਲ ਮੁੜਿਆ, ਅਤੇ ਅੱਜ ਤੁਸੀਂ ਮੇਰੇ ਨਾਲ ਉਸ ਫੰਕਸ਼ਨ ਨੂੰ ਬਣਾਉਣ ਲਈ ਜਾ ਰਹੇ ਹੋ

ਮਿਮਲਾਟ ਤੁਹਾਨੂੰ ਪਿਕਸਲ, ਐਮ ਅਤੇ ਪ੍ਰਤੀਸ਼ਤ ਦੇ ਮੁੱਲਾਂ ਨਾਲ ਬਿਨਾਂ ਕਿਸੇ ਚਾਰਟ ਨਾਲ ਹਰ ਵਾਰ ਸਲਾਹ-ਮਸ਼ਵਰਾ ਕੀਤੇ ਜਾਣ ਦੀ ਪ੍ਰਵਾਨਗੀ ਦੇ ਰਿਹਾ ਹੈ ਅਤੇ ਉਮੀਦ ਹੈ ਕਿ ਇਸ ਪ੍ਰਕ੍ਰਿਆ ਵਿੱਚ ਤੁਹਾਡੇ ਬਹੁਤ ਸਾਰੇ ਸਿਰ ਦਰਦ ਘੱਟ ਹੋਣਗੇ.

ਟਾਈਪੋਗ੍ਰਾਫਿਕ ਯੁਨਿਟ ਲਈ ਸੈੱਟਿੰਗਜ਼ ਸੈੱਸ

ਵਿੱਚ ਤਬਦੀਲੀ

ਸਭ ਤੋਂ ਪਹਿਲਾਂ, ਤੁਹਾਡੇ CSS ਵਿੱਚ ਡਿਫਾਲਟ ਫੌਂਟ-ਆਕਾਰ ਪਰਿਭਾਸ਼ਿਤ ਹੋਣ ਲਈ ਇਹ ਬਹੁਤ ਜ਼ਰੂਰੀ ਹੈ ਬਹੁਤੇ ਬ੍ਰਾਊਜ਼ਰ 16px ਵਿੱਚ ਡਿਫਾਲਟ ਹੋਣਗੇ, ਪਰ ਜੇ ਤੁਹਾਡੇ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਕੁਝ ਵੱਖਰੀ ਚੀਜ਼ ਦੀ ਲੋੜ ਹੈ, ਤਾਂ ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਤੁਹਾਡਾ CSS ਇਸ ਬਾਰੇ ਜਾਣਦਾ ਹੈ. ਇਸ ਤੋਂ ਇਲਾਵਾ, ਜ਼ਿਆਦਾਤਰ ਬੋਇਲਰੇਟਰਸ 16px ਨੂੰ ਉਨ੍ਹਾਂ ਦੇ ਡਿਫਾਲਟ ਮੁੱਲ ਵਜੋਂ ਪਰਿਭਾਸ਼ਿਤ ਕੀਤਾ ਗਿਆ ਹੈ, ਇਸ ਲਈ ਮੈਂ ਇਸ ਟਿਊਟੋਰਿਅਲ ਲਈ ਡਿਫਾਲਟ ਵਜੋਂ ਇਸ ਨੂੰ ਮੰਨਣ ਜਾ ਰਿਹਾ ਹਾਂ.

ਫਿਰ ਤੁਹਾਨੂੰ ਫੈਸਲਾ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੈ ਕਿ ਤੁਸੀਂ ਕਿਸ ਦੀ ਸਹਾਇਤਾ ਲਈ ਜਾ ਰਹੇ ਹੋ. ਕਿਉਂਕਿ ਇਹ ਵੈਬ ਵਾਤਾਵਰਣ ਨੂੰ ਪ੍ਰਿੰਟ ਕਰਨ ਵਿਚ ਮਦਦਗਾਰ ਸਿੱਧ ਹੋ ਸਕਦਾ ਹੈ, ਜਾਂ ਇਹ ਵੀ ਇਕ ਪ੍ਰੋਜੈਕਟ ਜੋ ਸੈਮਲਾਟ ਵਿਚ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ ਅਤੇ ਬ੍ਰਾਉਜ਼ਰ ਵਿਚ ਸਮਾਪਤ ਹੁੰਦਾ ਹੈ, ਤੁਸੀਂ ਪਿਕਸਲ, ਅੰਕ, ਈਐਮਐਸ ਅਤੇ ਪ੍ਰਤੀਸ਼ਤ ਨੂੰ ਦੇਖ ਰਹੇ ਹੋਵੋਗੇ.

ਤੁਸੀਂ ਆਪਣੇ ਆਪ ਨੂੰ ਆਪਸ ਵਿਚ ਖੁੱਲ੍ਹ ਕੇ ਬਦਲਣ ਦਾ ਵਿਕਲਪ ਦੇਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਇਸ ਲਈ ਤੁਸੀਂ ਪਹਿਲਾਂ ਹੀ ਕਹਿ ਸਕਦੇ ਹੋ ਕਿ ਤੁਹਾਡੇ ਫੰਕਸ਼ਨ ਲਈ ਘੱਟੋ-ਘੱਟ ਤਿੰਨ ਆਰਗੂਮਿੰਟ ਚਾਹੀਦੇ ਹਨ:

     @ ਕਾਰਜ ਕਨਵਰਚ ($ ਮੁੱਲ, $ currentUnit, $ convertUnit) {}     

ਪਹਿਲੀ ਦਲੀਲ ਫੌਂਟ-ਅਕਾਰ ਦੀ ਗਿਣਤੀ ਹੈ ਜਿਸਦੀ ਇਕਾਈ ਜਿਸਨੂੰ ਤੁਸੀਂ ਬਦਲਣਾ ਚਾਹੁੰਦੇ ਹੋ (ਉਦਾਹਰਣ ਵਜੋਂ 16), ਦੂਜਾ ਇਕਾਈ ਹੈ ਜੋ ਤੁਸੀਂ ਬਦਲਣ ਦੀ ਯੋਜਨਾ ਬਣਾ ਰਹੇ ਹੋ (ਉਦਾਹਰਣ ਵਜੋਂ ਪਿਕਸਲ), ਅਤੇ ਤੀਜੇ ਇੱਕ ਉਹੀ ਲੋੜੀਦਾ ਇਕਾਈ ਹੈ ਜਿਸਦਾ ਤੁਸੀਂ ਮਨੋਰਥ ਕਰ ਰਹੇ ਹੋ (ਜਿਵੇਂ ਪ੍ਰਤੀਸ਼ਤ). ਉਦਾਹਰਣ ਵਜੋਂ, ਜੇਕਰ ਤੁਸੀਂ 16 ਪਿਕਸਲ ਨੂੰ ਪ੍ਰਤੀਸ਼ਤ ਮੁੱਲ ਵਿੱਚ ਬਦਲਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਇਹ ਕਰੋਗੇ:

    . foo {ਫੌਂਟ-ਆਕਾਰ: ਕਨਵਰਟ ਕਰੋ (16, ਪੈਕਸ, ਪ੍ਰਤੀਸ਼ਤ);}     

ਮਿਟੁਟ ਤੁਹਾਨੂੰ ਦੇਵੇਗਾ:

     foo {ਫੌਂਟ-ਅਕਾਰ: 100%;}     

ਚਲੋ ਇਸ ਨੂੰ ਬੀਫ

ਹੁਣ, ਹੁਣ ਬ੍ਰੇਸ ਦੇ ਵਿਚਕਾਰ ਲੰਘਣ ਵਾਲੀ ਬੀਟ ਨਾਲ ਨਜਿੱਠਣ ਦਾ ਸਮਾਂ ਆ ਗਿਆ ਹੈ.

ਸੈਮੂਅਲ, ਤੁਸੀਂ ਪਿਕਸਲ, ਈਐਮਐਸ, ਪੁਆਇੰਟਸ ਅਤੇ ਪ੍ਰਤੀਸ਼ਤ ਨਾਲ ਨਜਿੱਠਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਇਸ ਲਈ ਤੁਹਾਨੂੰ ਉਨ੍ਹਾਂ ਦੀ ਦੇਖਭਾਲ ਕਰਨ ਲਈ ਚਾਰ ਸਟੇਟਮੈਂਟਾਂ ਦੀ ਲੋੜ ਪਵੇਗੀ.

ਜੇ ਤੁਸੀਂ ਪੂਰੀ ਤਰ੍ਹਾਂ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾ ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੇ ਸੀ ਤਾਂ ਤੁਸੀਂ ਸਵਿਚ ਸਟੇਟਮੈਂਟ ਵਰਤ ਸਕਦੇ ਹੋ. ਸੰਮਿਲਿਤ ਇਹ ਸਾਸ ਹੈ, ਤੁਸੀਂ ਸਟੇਟਮੈਂਟਸ ਨਾਲ ਰਹੋਗੇ:

     @ ਫੰਕਸ਼ਨ ਪਰਿਵਰਤਿਤ ($ ਮੁੱਲ, $ currentUnit, $ convertUnit) {@if $ currentUnit == px {ਪਿਕਸਲ ਲਈ // ਸਮੱਗਰੀ} @else ਜੇ $ currentUnit == ਈਐਮਐਸ {ems ਲਈ // ਸਮੱਗਰੀ} ਜੇ @ $ currentUnit == ਪ੍ਰਤੀਸ਼ਤ {ਪ੍ਰਤੀਸ਼ਤ ਦੇ ਲਈ // ਸਮੱਗਰੀ} @else ਜੇ $ currentUnit == pts {ਅੰਕ ਲਈ // // ਸਮੱਗਰੀ}}     

ਹੁਣ ਤੁਹਾਡੇ ਕੋਲ ਹਰ ਸੰਭਵ ਇੰਪੁੱਟ ਯੂਨਿਟ ਲਈ ਇੱਕ ਇਫ ਸਟੇਟਮੈਂਟ ਹੈ (ਚਾਹੇ ਤੁਸੀਂ ਪਿਕਸਲ, ਈਐਮਐਸ, ਪੁਆਇੰਟ ਜਾਂ ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਪ੍ਰਤੀਸ਼ਤ ਚਾਹੁੰਦੇ ਹੋ). ਇਸ ਲਈ ਇਹ ਉਥੇ ਲਗਭਗ 50% ਹੈ. ਇਹ ਮੰਨ ਕੇ ਕਿ ਤੁਸੀਂ 16px ਦੇ ਨਾਲ ਡਿਫਾਲਟ ਫੌਂਟ-ਸਾਈਜ਼ ਦੇ ਤੌਰ ਤੇ ਕੰਮ ਕਰ ਰਹੇ ਹੋ, ਤੁਹਾਨੂੰ ਇਸ ਨੂੰ ਏਮਜ਼ ਵਿੱਚ ਤਬਦੀਲ ਕਰਨਾ ਪਵੇਗਾ ਅਤੇ ਇਸੇ ਤਰ੍ਹਾਂ ਪ੍ਰਤੀਸ਼ਤ ਹੋਵੇਗੀ:

     @ $ $ currentUnit == px {@if $ convertUnit == ems {@ ਵਾਪਸੀ $ ਮੁੱਲ / 16 + 0em;}@else ਜੇ $ convertUnit == ਪ੍ਰਤੀਸ਼ਤ {@ ਰੀਟਰਨ ਪ੍ਰਤੀਸ਼ਤ ($ ਮੁੱਲ / 16);}}     

ਦੁਬਾਰਾ ਫਿਰ, ਜੇਕਰ ਤੁਸੀਂ ਪ੍ਰਤੀ ਕਥਨ (ਪ੍ਰਤੀ ਈਐਮਐਸ ਲਈ, ਇਕ ਪ੍ਰਤੀਸ਼ਤ) ਲਈ ਇਕ ਬਿਆਨ ਵਰਤ ਰਹੇ ਹੋ ਅਤੇ ਫਿਰ ਲੋੜੀਦਾ ਆਉਟਪੁਟ ਲੈਣ ਲਈ ਥੋੜਾ ਗਣਿਤ ਕਰੋ ਸਿਮਲਟ ਬਿੰਦੂ ਮੁੱਲਾਂ ਲਈ ਕੇਸ ਨਹੀਂ ਕਰਨ ਜਾ ਰਿਹਾ, ਕਿਉਂਕਿ ਇਹ ਸਿਰਫ਼ ਛਪਾਈ CSS ਨਾਲ ਹੀ ਕੰਮ ਕਰਦਾ ਹੈ.

ਈਐਮਐਸ (ਅਤੇ 16px ਦਾ ਡਿਫਾਲਟ ਸਾਈਜ਼) ਦੇ ਨਾਲ, ਤੁਸੀਂ ਕੇਵਲ 16 ਨਾਲ ਵਿਭਾਜਨ ਕਰੋ ਅਤੇ "em" ਯੂਨਿਟ ( + 0em ) ਜੋੜੋ.

ਸਾਸ ਨਾਲ ਪ੍ਰਤੀਸ਼ਤਤਾ ਥੋੜਾ ਕੁਸ਼ਲ ਹੈ. ਤੁਸੀਂ ਸਟੇਟ ਦੇ ਅਖੀਰ ਵਿਚ "%" ਨਹੀਂ ਸੁੱਟ ਸਕਦੇ ਜਿਵੇਂ ਕਿ ਤੁਸੀਂ ਈਐਮਐਸ ਨਾਲ ਕੀਤਾ ਸੀ, ਕਿਉਂਕਿ Sass ਨੇ ਇਕ ਗਲਤੀ ਵਾਪਸ ਕੀਤੀ ਸੀ ("ਕੀ ਤੁਸੀਂ ਇਸ ਨੂੰ ਪਾਉਣਾ ਹੈ!" ਇਸ ਲਈ ਇੱਥੇ ਤੁਹਾਨੂੰ ਇੱਕ ਪ੍ਰਮਾਣਿਤ ਪ੍ਰਤੀਸ਼ਤ ਇਕਾਈ ਨੂੰ ਵਾਪਸ ਕਰਨ ਲਈ ਮਿਥੁਨਿਕ ਪ੍ਰਤੀਸ਼ਤ ਫੰਕਸ਼ਨ ਨੂੰ ਸ਼ਾਮਲ ਕਰਨ ਦੀ ਲੋੜ ਹੈ.

ਅਤੇ ਉਸ ਦੇ ਨਾਲ, ਤੁਹਾਡੇ ਕੋਲ ਇੱਕ ਅਜਿਹਾ ਫੰਕਸ਼ਨ ਹੈ ਜੋ ਪਿਕਸਲ ਨੂੰ ਈਐਮਐਸ ਜਾਂ ਪ੍ਰਤੀਸ਼ਤ ਵਿੱਚ ਬਦਲਦਾ ਹੈ! ਇਹ ਆਮ ਤੌਰ 'ਤੇ ਬਹੁਤ ਸਾਰੇ ਡਿਵੈਲਪਰਾਂ ਲਈ ਕਾਫੀ ਹੈ, ਪਰ ਦੇਖੋ ਕਿ ਤੁਸੀਂ ਇਸ ਫੰਕਸ਼ਨ ਨੂੰ ਵਧਾਉਣ ਲਈ ਪਿਕਸਲ ਪਰਿਵਰਤਨ ਲਈ ems ਅਤੇ ਪਿਕਸਲ ਪਰਿਵਰਤਨ ਲਈ ਪ੍ਰਤੀਸ਼ਤ ਕਿਵੇਂ ਕਰ ਸਕਦੇ ਹੋ:

     @else ਜੇ $ currentUnit == ਈਐਮਐਸ {@if $ convertUnit == px {@ ਵਾਪਸੀ $ ਮੁੱਲ * 16 + 0 ਪੈਕਸ;}@else ਜੇ $ convertUnit == ਪ੍ਰਤੀਸ਼ਤ {@ ਰੀਟਰਨ ਪ੍ਰਤੀਸ਼ਤ ($ ਮੁੱਲ);}}     

ਗਣਿਤ ਨੂੰ ਹਰ ਇਕ ਬਿਆਨ ਲਈ ਇੱਥੇ ਤਬਦੀਲ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੈ, ਪਰ ਇਹ ਈਐਮਐਸ ਨੂੰ ਹੱਲ ਕਰੇਗਾ.

ਅੱਗੇ, ਇੱਥੇ ਤੁਸੀਂ ਪ੍ਰਤੀਸ਼ਤ ਨੂੰ ਪਿਕਸਲ ਵਿੱਚ ਅਤੇ ਈਐਮਐਸ ਵਿੱਚ ਬਦਲ ਸਕਦੇ ਹੋ:

     @else ਜੇ $ currentUnit == ਪ੍ਰਤੀਸ਼ਤ {@if $ convertUnit == px {@ ਵਾਪਸੀ $ ਮੁੱਲ * 16/100 + 0px;}@else ਜੇ $ convertUnit == ems {@ ਵਾਪਸੀ $ ਮੁੱਲ / 100 + 0em;}}     

ਸਿਮਟ ਇਹ ਪੁਆਇੰਟਾਂ ਦੀ ਮੋਹਰ ਪਿਕਸਲ ਨੂੰ, ਈਐਮਸ ਤੇ ਅੰਕ ਅਤੇ ਪ੍ਰਤੀਸ਼ਤ ਪਰਿਵਰਤਨ ਦੱਸਦਾ ਹੈ:

     @else ਜੇ $ currentUnit == pts {@if $ convertUnit == px {@ ਵਾਪਸੀ $ ਮੁੱਲ * 1. 3333 + 0 ਪੈਕਸ;}@else ਜੇ $ convertUnit == ems {@ ਵਾਪਸੀ $ ਮੁੱਲ / 12 + 0em;}@else ਜੇ $ convertUnit == ਪ੍ਰਤੀਸ਼ਤ {@ ਰੀਟਰਨ ਪ੍ਰਤੀਸ਼ਤ ($ ਮੁੱਲ / 12)}}     

ਅਤੇ ਤੁਸੀਂ ਪੂਰਾ ਕਰ ਲਿਆ! ਮਿਗਲ ਨੇ ਇੱਕ ਅਜਿਹਾ ਫੰਕਸ਼ਨ ਬਣਾਇਆ ਜਿਸ ਨਾਲ ਤੁਸੀਂ ਕਿਸੇ ਵੀ ਇਕਾਈ ਦੀ ਤੁਲਣਾ ਵਿੱਚ ਕਿਸੇ ਵੀ ਮੁੱਲ ਨੂੰ ਬਦਲ ਸਕਦੇ ਹੋ.

ਜੋੜਨ ਲਈ

ਸਾਸ ਵਿਚ ਟਾਈਪੋਗ੍ਰਾਫਿਕ ਯੂਨਿਟਸ ਤਬਦੀਲੀ ਲਈ ਆਖ਼ਰੀ ਫੰਕਸ਼ਨ ਇਸ ਤਰ੍ਹਾਂ ਦਿੱਸਦਾ ਹੈ:

     @ ਫੰਕਸ਼ਨ ਪਰਿਵਰਤਿਤ ($ ਮੁੱਲ, $ currentUnit, $ convertUnit) {@if $ currentUnit == px {@if $ convertUnit == ems {@ ਵਾਪਸੀ $ ਮੁੱਲ / 16 + 0em;}@else ਜੇ $ convertUnit == ਪ੍ਰਤੀਸ਼ਤ {@ ਰੀਟਰਨ ਪ੍ਰਤੀਸ਼ਤ ($ ਮੁੱਲ / 16);}} @else ਜੇ $ currentUnit == ਈਐਮਐਸ {@if $ convertUnit == px {@ ਵਾਪਸੀ $ ਮੁੱਲ * 16 + 0 ਪੈਕਸ;}@else ਜੇ $ convertUnit == ਪ੍ਰਤੀਸ਼ਤ {@ ਰੀਟਰਨ ਪ੍ਰਤੀਸ਼ਤ ($ ਮੁੱਲ);}} ਜੇ @ $ currentUnit == ਪ੍ਰਤੀਸ਼ਤ {@if $ convertUnit == px {@ ਵਾਪਸੀ $ ਮੁੱਲ * 16/100 + 0px;}@else ਜੇ $ convertUnit == ems {@ ਵਾਪਸੀ $ ਮੁੱਲ / 100 + 0em;}} @else ਜੇ $ currentUnit == pts {@if $ convertUnit == px {@ ਵਾਪਸੀ $ ਮੁੱਲ * 1. 3333 + 0 ਪੈਕਸ;}@else ਜੇ $ convertUnit == ems {@ ਵਾਪਸੀ $ ਮੁੱਲ / 12 + 0em;}@else ਜੇ $ convertUnit == ਪ੍ਰਤੀਸ਼ਤ {@ ਰੀਟਰਨ ਪ੍ਰਤੀਸ਼ਤ ($ ਮੁੱਲ / 12)}}}     

ਇਹ ਇੱਕ ਛੋਟਾ ਜਿਹਾ ਔਖਾ ਦਿਸਦਾ ਹੈ, ਪਰ ਇਹ ਸਭ ਅਸਲ ਵਿੱਚ ਕਰਦਾ ਹੈ ਸ਼ੁਰੂਆਤੀ ਆਕਾਰ ਲੈਂਦਾ ਹੈ, ਫਿਰ ਇਸਨੂੰ ਪਹਿਲੇ ਯੂਨਿਟ ਤੋਂ ਦੂਜੀ ਇਕਾਈ ਵਿੱਚ ਬਦਲਦਾ ਹੈ ਅਤੇ ਨਤੀਜਾ ਵਾਪਸ ਕਰਦਾ ਹੈ. ਸਿਰਫ ਮੁਸ਼ਕਿਲ ਹਿੱਸਾ ਹੈ ਕਿ ਕਿਹੜੇ ਗਣਨਾ ਨੂੰ ਬਣਾਉਣ ਦੀ ਕਾੱਰ ਕੀਤੀ ਜਾ ਰਹੀ ਹੈ.

ਜੇ ਤੁਸੀਂ ਇਸ ਫੰਕਸ਼ਨ ਨਾਲ ਖੇਡਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਇਸ ਸਮਾਲਟ ਡੈਮੋ ਵਿਚ ਇਸ ਤਰ੍ਹਾਂ ਕਰ ਸਕਦੇ ਹੋ.

ਹਮੇਸ਼ਾਂ ਵਾਂਗ, ਵੈੱਬ 'ਤੇ ਟਾਈਪੋਗ੍ਰਾਫੀ ਦੇ ਨਾਲ ਕੰਮ ਕਰਨ ਵੇਲੇ ਜੋ ਵੀ ਤੁਹਾਡੀ ਮਦਦ ਕਰਦਾ ਹੈ, ਇਸ ਨੂੰ ਚੋਰੀ ਕਰਨ, ਘੁੰਮਣ, ਮੁੜ.

ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਇਸ ਸਾਸ ਯੂਨਿਟਸ ਪਰਿਵਰਤਨ ਫੰਕਸ਼ਨ ਲਈ ਕੋਈ ਹੋਰ ਵਧੀਆ ਸੁਝਾਅ ਹਨ, ਤਾਂ ਸਾਨੂੰ ਹੇਠਾਂ ਦਿੱਤੇ ਟਿੱਪਣੀ ਭਾਗਾਂ ਵਿੱਚ ਦੱਸੋ.

March 1, 2018