ਜਾਣੋ ਕਿ ਵੈਬ ਬ੍ਰਾਉਜ਼ਰ ਨੇ ਪ੍ਰਤੀਸ਼ਤ ਦੇ ਮੁੱਲਾਂ ਦਾ ਉਪਯੋਗ ਕਰਦੇ ਹੋਏ ਇੱਕ ਡਿਸਪਲੇ ਨੂੰ ਕਿਵੇਂ ਨਿਰਧਾਰਤ ਕੀਤਾ
ਜਵਾਬਦੇਹ ਵੈਬ ਡਿਜ਼ਾਈਨ ਦੇ ਬਹੁਤ ਸਾਰੇ ਵਿਦਿਆਰਥੀਆਂ ਨੂੰ ਚੌੜਾਈ ਮਾਨਤਾਵਾਂ ਲਈ ਪ੍ਰਤੀਸ਼ਤ ਵਰਤਣ ਦਾ ਮੁਸ਼ਕਲ ਸਮਾਂ ਹੁੰਦਾ ਹੈ. ਵਿਸ਼ੇਸ਼ ਤੌਰ ਤੇ, ਉਲਝਣ ਹੈ ਕਿ ਕਿਵੇਂ ਬਰਾਊਜ਼ਰ ਉਨ੍ਹਾਂ ਪ੍ਰਤੀਸ਼ਤ ਦੀ ਗਣਨਾ ਕਰਦਾ ਹੈ ਹੇਠਾਂ ਤੁਸੀਂ ਇਕ ਵੇਰਵੇ ਸਹਿਤ ਵਿਆਖਿਆ ਪ੍ਰਾਪਤ ਕਰੋਗੇ ਕਿ ਇੱਕ ਪ੍ਰਤੀਕਿਰਿਆਸ਼ੀਲ ਵੈਬਸਾਈਟ ਵਿੱਚ ਕਿੰਨੇ ਪ੍ਰਤੀਸ਼ਤ ਚੌਥੇ ਕੈਲਕੂਲੇਸ਼ਨਾਂ ਲਈ ਕੰਮ ਕਰਦੇ ਹਨ.
ਚੌੜਾਈ ਮੁੱਲਾਂ ਲਈ ਪਿਕਸਲ ਦੀ ਵਰਤੋਂ
ਜਦੋਂ ਤੁਸੀਂ ਚੌੜਾਈ ਮੁੱਲ ਵਜੋਂ ਪਿਕਸਲ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋ, ਤਾਂ ਨਤੀਜਾ ਬਹੁਤ ਸਿੱਧਾ ਹੁੰਦਾ ਹੈ. ਜੇਕਰ ਤੁਸੀ ਇੱਕ ਦਸਤਾਵੇਜ਼ ਦੇ ਹੈਡਰ ਵਿੱਚ 100 ਪਿਕਸਲ ਚੌੜੇ ਵਿੱਚ ਇੱਕ ਤਤ ਦੀ ਚੌੜਾਈ ਮੁੱਲ ਨੂੰ ਸੈਟ ਕਰਨ ਲਈ CSS ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋ, ਤਾਂ ਉਹ ਤੱਤ ਉਸੇ ਸਾਇਜ਼ ਦਾ ਹੋਵੇਗਾ ਜਿਸਦੀ ਤੁਸੀਂ ਵੈੱਬਸਾਈਟ ਦੀ ਸਮੱਗਰੀ ਜਾਂ ਫੁੱਟਰ ਜਾਂ ਹੋਰ ਖੇਤਰਾਂ ਵਿੱਚ 100 ਪਿਕਸਲ ਚੌੜੇ ਰੂਪ ਵਿੱਚ ਸੈਟ ਕਰਦੇ ਹੋ. ਸਫ਼ਾ ਪਿਕਸਲ ਇੱਕ ਪੂਰਾ ਮੁੱਲ ਹੈ, ਇਸ ਲਈ 100 ਪਿਕਸਲ 100 ਪਿਕਸਲ ਹੁੰਦੇ ਹਨ, ਭਾਵੇਂ ਇਹ ਤੁਹਾਡੇ ਫਾਈਲ ਵਿੱਚ ਕੋਈ ਤੱਤ ਹੈ ਇੱਕ ਤੱਤ ਪ੍ਰਗਟ ਹੁੰਦਾ ਹੈ. ਬਦਕਿਸਮਤੀ ਨਾਲ, ਜਦੋਂ ਕਿ ਪਿਕਸਲ ਮੁੱਲਾਂ ਨੂੰ ਸਮਝਣਾ ਅਸਾਨ ਹੁੰਦਾ ਹੈ, ਉਹ ਉੱਤਰਦੇਹੀਆਂ ਵੈਬਸਾਈਟਾਂ ਵਿੱਚ ਚੰਗੀ ਤਰ੍ਹਾਂ ਕੰਮ ਨਹੀਂ ਕਰਦੇ.
ਏਥਨ ਮਾਰਕੋਟ ਨੇ "ਵੈਬ ਡਿਜ਼ਾਈਨ" ਦਾ ਸੰਖੇਪ ਸ਼ਬਦ ਸੰਕਲਿਤ ਕੀਤਾ, ਜਿਸ ਵਿੱਚ 3 ਮੁੱਖ ਪ੍ਰਿੰਸੀਪਲ ਸ਼ਾਮਲ ਹੋਣ ਦੇ ਤੌਰ ਤੇ ਇਸ ਪਹੁੰਚ ਨੂੰ ਸਮਝਾਉਂਦੇ ਹੋਏ:
- ਇੱਕ ਤਰਲ ਗਰਿੱਡ
- ਤਰਲ ਮੀਡੀਆ
- ਮੀਡੀਆ ਸਵਾਲ
ਉਹ ਪਹਿਲੇ ਦੋ ਪੁਆਇੰਟ, ਇੱਕ ਤਰਲ ਗਰਿੱਡ ਅਤੇ ਤਰਲ ਮੀਡੀਆ, ਮੁੱਲਾਂ ਨੂੰ ਸਾਜ਼ ਕਰਨ ਲਈ, ਪ੍ਰਤੀਸ਼ਤ ਦੀ ਵਰਤੋਂ ਕਰਕੇ, ਪਿਕਸਲ ਦੀ ਬਜਾਏ ਪ੍ਰਾਪਤ ਕੀਤੇ ਜਾਂਦੇ ਹਨ.
ਚੌੜਾਈ ਮੁੱਲਾਂ ਲਈ ਪ੍ਰਤੀਸ਼ਤ ਵਰਤਣ ਦਾ
ਜਦੋਂ ਤੁਸੀਂ ਇਕ ਐਲੀਮੈਂਟ ਲਈ ਚੌੜਾਈ ਸਥਾਪਤ ਕਰਨ ਲਈ ਪ੍ਰਤੀਸ਼ਤ ਵਰਤਦੇ ਹੋ, ਤਾਂ ਅਸਲ ਚਿੱਤਰ ਜੋ ਕਿ ਡਿਲੀਵਰੀ ਤੇ ਪ੍ਰਦਰਸ਼ਿਤ ਹੁੰਦਾ ਹੈ ਇਹ ਇਸ ਗੱਲ ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ ਕਿ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਕਿੱਥੇ ਹੈ. ਪ੍ਰਤੀਸ਼ਤਤਾ ਇੱਕ ਅਨੁਸਾਰੀ ਮੁੱਲ ਹੈ, ਭਾਵ ਤੁਹਾਡੇ ਡਿਸਪਲੇਅ ਦੇ ਆਕਾਰ ਨੂੰ ਤੁਹਾਡੇ ਦਸਤਾਵੇਜ਼ ਦੇ ਹੋਰ ਤੱਤਾਂ ਦੇ ਬਰਾਬਰ ਹੈ.
ਉਦਾਹਰਣ ਦੇ ਲਈ, ਜੇ ਤੁਸੀਂ ਚਿੱਤਰ ਦੀ ਚੌੜਾਈ ਨੂੰ 50% ਤੱਕ ਸੈੱਟ ਕਰਦੇ ਹੋ, ਤਾਂ ਇਸ ਦਾ ਮਤਲਬ ਇਹ ਨਹੀਂ ਹੈ ਕਿ ਇਹ ਚਿੱਤਰ ਆਪਣੇ ਆਕਾਰ ਦੇ ਅੱਧੇ ਹਿੱਸੇ ਵਿੱਚ ਦਰਸਾਏਗਾ. ਇਹ ਇੱਕ ਆਮ ਭੁਲੇਖਾ ਹੈ
ਜੇ ਇੱਕ ਚਿੱਤਰ 600 ਪਿਕਸਲ ਚੌੜਾ ਹੈ, ਫਿਰ ਇਸ ਨੂੰ 50% ਤੇ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ CSS ਮੁੱਲ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦਾ ਮਤਲਬ ਇਹ ਨਹੀਂ ਹੈ ਕਿ ਇਹ ਵੈਬ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ 300 ਪਿਕਸਲ ਚੌੜਾ ਹੋਵੇਗਾ. ਇਹ ਪ੍ਰਤੀਸ਼ਤ ਦੇ ਮੁੱਲ ਨੂੰ ਉਸ ਚਿੱਤਰ ਦੇ ਸੰਦਰਭ ਦੇ ਆਧਾਰ ਤੇ ਕੱਢਿਆ ਜਾਂਦਾ ਹੈ, ਨਾ ਕਿ ਚਿੱਤਰ ਦਾ ਮੂਲ ਆਕਾਰ. ਜੇਕਰ ਕੰਟੇਨਰ (ਜੋ ਇੱਕ ਡਵੀਜ਼ਨ ਜਾਂ ਕੁਝ ਹੋਰ HTML ਐਲੀਮੈਂਟ ਹੋ ਸਕਦਾ ਹੈ) 1000 ਪਿਕਸਲ ਚੌੜਾ ਹੈ, ਤਾਂ ਚਿੱਤਰ 500 ਪਿਕਸਲ 'ਤੇ ਪ੍ਰਦਰਸ਼ਿਤ ਹੋਵੇਗਾ ਕਿਉਂਕਿ ਉਸ ਵੈਲਯੂ ਦਾ ਕੰਟੇਨਰ ਦੀ ਚੌੜਾਈ ਦਾ 50% ਹੈ. ਜੇ ਲੱਗੇ ਤੱਤ 400 ਪਿਕਸਲ ਚੌੜਾ ਹੈ, ਤਾਂ ਚਿੱਤਰ ਸਿਰਫ 200 ਪਿਕਸਲ 'ਤੇ ਪ੍ਰਦਰਸ਼ਿਤ ਹੋਵੇਗਾ, ਕਿਉਂਕਿ ਇਹ ਮੁੱਲ ਕੰਟੇਨਰ ਦਾ 50% ਹੈ. ਇੱਥੇ ਪ੍ਰਸ਼ਨ ਵਿੱਚ ਚਿੱਤਰ ਦੀ ਇੱਕ 50% ਦਾ ਆਕਾਰ ਹੈ ਜੋ ਇਸ ਤੱਤ ਤੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਨਿਰਭਰ ਕਰਦਾ ਹੈ ਜਿਸ ਵਿੱਚ ਇਹ ਸ਼ਾਮਲ ਹੁੰਦਾ ਹੈ.
ਯਾਦ ਰੱਖੋ, ਜਵਾਬਦੇਹ ਡਿਜਾਈਨ ਤਰਲ ਹੈ. ਲੇਆਉਟ ਅਤੇ ਆਕਾਰ ਸਕਰੀਨ ਅਕਾਰ / ਡਿਵਾਈਸ ਬਦਲਾਵ ਦੇ ਰੂਪ ਵਿੱਚ ਬਦਲਣਗੇ. ਜੇ ਤੁਸੀਂ ਇਸ ਬਾਰੇ ਸਰੀਰਕ, ਗ਼ੈਰ-ਵੈੱਬ ਸ਼ਰਤਾਂ ਵਿਚ ਸੋਚਦੇ ਹੋ, ਤਾਂ ਇਹ ਇਕ ਗੱਤੇ ਦਾ ਡੱਬੇ ਹੋਣ ਵਰਗਾ ਹੈ ਜਿਸ ਨਾਲ ਤੁਸੀਂ ਪੈਕਿੰਗ ਸਮੱਗਰੀ ਨੂੰ ਭਰ ਰਹੇ ਹੋ. ਜੇ ਤੁਸੀਂ ਕਹਿੰਦੇ ਹੋ ਕਿ ਬਾਕਸ ਨੂੰ ਉਸ ਸਾਮੱਗਰੀ ਨਾਲ ਭਰਿਆ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ, ਤਾਂ ਤੁਹਾਨੂੰ ਲੋੜੀਂਦੀ ਪੈਕਿੰਗ ਦੀ ਮਾਤਰਾ ਬਕਸੇ ਦੇ ਆਕਾਰ ਤੇ ਨਿਰਭਰ ਕਰਦੀ ਹੈ. ਇਹ ਵੈਬ ਡਿਜ਼ਾਈਨ ਵਿਚ ਪ੍ਰਤੀਸ਼ਤ ਚੌੜਾਈ ਲਈ ਵੀ ਸਹੀ ਹੈ.
ਦੂਜੇ ਪ੍ਰਤੀਸ਼ਤ ਦੇ ਆਧਾਰ ਤੇ ਪ੍ਰਤੀਸ਼ਤ
ਚਿੱਤਰ / ਕੰਨਟੇਨਟਰ ਉਦਾਹਰਨ ਵਿੱਚ, ਮੈਂ ਸੰਕੇਤ ਦੇਣ ਵਾਲੇ ਤੱਤ ਲਈ ਪਿਕਸਲ ਮੁੱਲ ਵਰਤਿਆ ਹੈ ਇਹ ਦਰਸਾਉਣ ਲਈ ਕਿ ਸੰਵੇਦਨਸ਼ੀਲ ਚਿੱਤਰ ਕਿਵੇਂ ਪ੍ਰਦਰਸ਼ਿਤ ਹੋਵੇਗਾ. ਵਾਸਤਵ ਵਿੱਚ, ਉਹ ਤੱਤ ਵੀ ਪ੍ਰਤੀਸ਼ਤ ਦੇ ਲਈ ਸੈੱਟ ਕੀਤਾ ਜਾਵੇਗਾ ਅਤੇ ਚਿੱਤਰ, ਜਾਂ ਹੋਰ ਤੱਤ, ਉਸ ਕੰਟੇਨਰ ਦੇ ਅੰਦਰ ਇੱਕ ਪ੍ਰਤੀਸ਼ਤ ਦੇ ਅਧਾਰ ਤੇ ਉਨ੍ਹਾਂ ਦੇ ਮੁੱਲ ਪ੍ਰਾਪਤ ਕਰਨਗੇ.
ਇੱਥੇ ਇਕ ਹੋਰ ਉਦਾਹਰਣ ਹੈ ਜੋ ਇਸ ਨੂੰ ਅਭਿਆਸ ਵਿਚ ਦਰਸਾਉਂਦੀ ਹੈ.
ਕਹੋ ਕਿ ਤੁਹਾਡੇ ਕੋਲ ਇੱਕ ਵੈਬਸਾਈਟ ਹੈ ਜਿੱਥੇ ਪੂਰੀ ਸਾਈਟ "ਕੰਟੇਨਰ" (ਇੱਕ ਆਮ ਵੈਬ ਡਿਜ਼ਾਈਨ ਪ੍ਰੈਕਟਿਸ) ਦੀ ਕਲਾਸ ਦੇ ਨਾਲ ਇੱਕ ਡਵੀਜ਼ਨ ਦੇ ਅੰਦਰ ਸ਼ਾਮਲ ਹੈ. ਉਸ ਡਵੀਜ਼ਨ ਦੇ ਅੰਦਰ ਤਿੰਨ ਹੋਰ ਡਿਵੀਜ਼ਨ ਹਨ, ਜੋ ਕਿ ਅੰਤ ਵਿੱਚ ਤੁਸੀਂ 3 ਵਰਟੀਕਲ ਕਾਲਮਾਂ ਦੇ ਤੌਰ ਤੇ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰੋਗੇ. ਉਹ HTML ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਾਈ ਦੇ ਸਕਦਾ ਹੈ:
ਹੁਣ, ਤੁਸੀਂ 90% ਕਹਿਣ ਲਈ ਉਸ ਕੰਟੇਨਰ ਡਿਵੀਜ਼ਨ ਦੇ ਆਕਾਰ ਨੂੰ ਸੈਟ ਕਰਨ ਲਈ CSS ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ. ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਕੰਟੇਨਰ ਵਿਭਾਜਨ ਵਿੱਚ ਇੱਕ ਹੋਰ ਤੱਤ ਨਹੀਂ ਹੁੰਦਾ ਹੈ ਜੋ ਇਸ ਨੂੰ ਸਰੀਰ ਦੇ ਇਲਾਵਾ ਹੋਰ ਨਾਲ ਨਾਲ ਘੁੰਮਦਾ ਹੈ, ਜਿਸਨੂੰ ਅਸੀਂ ਕਿਸੇ ਖਾਸ ਮੁੱਲ ਤੇ ਨਹੀਂ ਸੈੱਟ ਕੀਤਾ ਹੈ. ਮੂਲ ਰੂਪ ਵਿੱਚ, ਸਰੀਰ ਬਰਾਊਜ਼ਰ ਵਿੰਡੋ ਦੇ 100% ਦੇ ਰੂਪ ਵਿੱਚ ਪੇਸ਼ ਕਰੇਗਾ. ਇਸ ਲਈ, "ਕੰਟੇਨਰ" ਡਿਵੀਜ਼ਨ ਦੀ ਪ੍ਰਤੀਸ਼ਤਤਾ ਬਰਾਊਜ਼ਰ ਵਿੰਡੋ ਦੇ ਆਕਾਰ ਤੇ ਆਧਾਰਿਤ ਹੋਵੇਗੀ. ਜਿਵੇਂ ਕਿ ਬਰਾਊਜ਼ਰ ਵਿੰਡੋ ਆਕਾਰ ਵਿਚ ਬਦਲਦੀ ਹੈ, ਉਸੇ ਤਰ੍ਹਾਂ ਇਹ "ਕੰਨਟੇਨਰ" ਦਾ ਆਕਾਰ ਹੋਵੇਗਾ. ਇਸ ਲਈ ਜੇ ਬਰਾਊਜ਼ਰ ਵਿੰਡੋ 2000 ਪਿਕਸਲ ਚੌੜੀ ਹੈ, ਤਾਂ ਇਹ ਡਿਵੀਜ਼ਨ 1800 ਪਿਕਸਲ ਉੱਤੇ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰੇਗਾ. ਇਹ 2000 ਦੇ 90-ਫੀਸਦੀ (2000 x .90 = 1800) ਦੇ ਤੌਰ ਤੇ ਗਿਣਿਆ ਜਾਂਦਾ ਹੈ, ਜੋ ਕਿ ਬਰਾਊਜ਼ਰ ਦਾ ਆਕਾਰ ਹੈ.
ਜੇ "ਕੰਟੇਨਰ" ਦੇ ਅੰਦਰ "ਕੋਲੇ" ਦੇ ਹਰ ਹਿੱਸੇ ਨੂੰ 30% ਦੇ ਅਕਾਰ ਤੇ ਰੱਖਿਆ ਗਿਆ ਹੈ, ਤਾਂ ਇਸਦੇ ਹਰੇਕ ਵਿੱਚ 540 ਪਿਕਸਲ ਚੌੜੇ ਹੋਣਗੇ. ਇਸ ਨੂੰ 1800 ਪਿਕਸਲ ਦੇ 30% ਦੇ ਤੌਰ ਤੇ ਹਿਸਾਬ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਜਿਸ ਵਿਚ ਕੰਟੇਨਰ (1800 x 30 = 540) ਰੈਂਡਰ ਹੁੰਦਾ ਹੈ. ਜੇ ਅਸੀਂ ਉਸ ਕੰਟੇਨਰ ਦੇ ਪ੍ਰਤੀਸ਼ਤ ਨੂੰ ਬਦਲ ਲੈਂਦੇ ਹਾਂ, ਤਾਂ ਇਹ ਅੰਦਰੂਨੀ ਭਾਗ ਵੀ ਉਨ੍ਹਾਂ ਦੇ ਆਕਾਰ ਵਿਚ ਬਦਲਣਗੇ ਜਿਵੇਂ ਕਿ ਉਹ ਇਸ ਵਿਚ ਸ਼ਾਮਲ ਹੁੰਦੇ ਹਨ.
ਮੰਨ ਲਓ ਕਿ ਬਰਾਊਜ਼ਰ ਦੀਆਂ ਵਿੰਡੋਜ਼ 2000 ਪਿਕਸਲ ਚੌੜੀਆਂ ਹਨ, ਪਰ ਅਸੀਂ ਕੰਟੇਨਰ ਦਾ ਪ੍ਰਤੀਸ਼ਤ ਮੁੱਲ 90% ਦੀ ਬਜਾਏ 80% ਬਦਲਦੇ ਹਾਂ. ਇਸਦਾ ਅਰਥ ਇਹ ਹੈ ਕਿ ਇਹ ਹੁਣ 1600 ਪਿਕਸਲ ਚੌੜਾ ਤੇ ਰੈਂਡਰ ਕਰੇਗਾ (2000 x .80 = 1600). ਭਾਵੇਂ ਕਿ ਅਸੀਂ ਆਪਣੇ 3 "ਕੋਲੇ" ਡਿਵੀਜ਼ਨਾਂ ਦੇ ਆਕਾਰ ਲਈ CSS ਨੂੰ ਨਹੀਂ ਬਦਲਦੇ, ਅਤੇ ਉਹਨਾਂ ਨੂੰ 30% ਤੇ ਛੱਡ ਦਿੰਦੇ ਹਾਂ, ਉਹ ਆਪਣੇ ਵੱਖਰੇ ਤੱਤ ਤੋਂ ਬਾਅਦ ਹੁਣ ਵੱਖਰੇ ਤੌਰ ਤੇ ਰੈਂਡਰ ਹੋਣਗੇ, ਜੋ ਕਿ ਉਹ ਪ੍ਰਸੰਗ ਹੈ ਜਿਸ ਦੁਆਰਾ ਉਹ ਆਕਾਰ ਦੇ ਹੁੰਦੇ ਹਨ, ਬਦਲ ਗਿਆ ਹੈ ਉਹ 3 ਡਿਵੀਜ਼ਨਾਂ ਹੁਣ 480 ਪਿਕਸਲ ਚੌੜੇ ਹੋਣਗੇ, ਜੋ ਕਿ 1600 ਦੇ 30% ਜਾਂ ਕੰਟੇਨਰ ਦਾ ਆਕਾਰ (1600 x .30 = 480).
ਇਥੋਂ ਤੱਕ ਕਿ ਇਹ ਹੋਰ ਵੀ ਚੁੱਕਣਾ, ਜੇ ਇਹਨਾਂ "ਕੋਲੇ" ਡਿਵੀਜ਼ਨਾਂ ਵਿਚੋਂ ਇਕ ਵਿਚ ਇਕ ਚਿੱਤਰ ਹੁੰਦਾ ਹੈ ਅਤੇ ਇਹ ਪ੍ਰਤੀਸ਼ਤ ਦੇ ਹਿਸਾਬ ਨਾਲ ਆਕਾਰ ਦੇ ਆਕਾਰ ਦੇ ਹੁੰਦੇ ਹਨ, ਤਾਂ ਇਸਦੇ ਆਕਾਰ ਦਾ ਪ੍ਰਸਾਰ "ਕੋਲੇ" ਹੀ ਹੋਵੇਗਾ. ਜਿਵੇਂ ਕਿ "ਕਲੋ" ਡਿਵੀਜ਼ਨ ਨੂੰ ਆਕਾਰ ਵਿਚ ਬਦਲਿਆ ਗਿਆ ਹੈ, ਇਸ ਲਈ ਇਸ ਵਿਚਲਾ ਚਿੱਤਰ ਹੋਵੇਗਾ. ਇਸ ਲਈ ਜੇਕਰ ਬਰਾਊਜ਼ਰ ਦਾ ਸਾਈਜ਼ ਬਦਲਿਆ ਜਾਂ "ਕੰਨਟੇਨਰ" ਬਦਲ ਗਿਆ, ਤਾਂ ਇਹ ਤਿੰਨ '' ਕੁਲ '' ਡਿਵੀਜ਼ਨਾਂ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰੇਗਾ, ਜੋ ਬਦਲੇ ਵਿੱਚ "ਦਾਗ" ਦੇ ਅੰਦਰ ਚਿੱਤਰ ਦਾ ਆਕਾਰ ਬਦਲ ਦੇਵੇਗਾ. ਜਿਵੇਂ ਕਿ ਤੁਸੀਂ ਦੇਖ ਸਕਦੇ ਹੋ, ਇਹ ਸਾਰੇ ਉਦੋਂ ਕੁਨੈਕਟ ਹੁੰਦੇ ਹਨ ਜਦੋਂ ਇਹ ਪ੍ਰਤੀਸ਼ਤ-ਘੇਰੇਦਾਰ ਆਕਾਰ ਦੇ ਮੁੱਲਾਂ ਤੇ ਆਉਂਦਾ ਹੈ.
ਜਦੋਂ ਤੁਸੀਂ ਵਿਚਾਰ ਕਰਦੇ ਹੋ ਕਿ ਇੱਕ ਵੈਬ ਪੇਜ ਦੇ ਅੰਦਰ ਇਕ ਤੱਤ ਕਦੋਂ ਰੈਂਡਰ ਕਰੇਗਾ, ਜਦੋਂ ਇਸਦੀ ਚੌੜਾਈ ਲਈ ਪ੍ਰਤੀਸ਼ਤ ਦੇ ਮੁੱਲ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾਂਦੀ ਹੈ, ਤੁਹਾਨੂੰ ਪ੍ਰਸੰਗ ਨੂੰ ਸਮਝਣ ਦੀ ਲੋੜ ਹੈ ਜਿਸ ਵਿੱਚ ਉਹ ਤੱਤ ਪੇਜ ਦੇ ਮਾਰਕਅਪ ਵਿੱਚ ਰਹਿੰਦਾ ਹੈ.
ਸਾਰੰਸ਼ ਵਿੱਚ
ਜਵਾਬਦੇਹ ਵੈਬਸਾਈਟਸ ਲਈ ਲੇਆਉਟ ਬਣਾਉਣ ਵਿੱਚ ਪ੍ਰਤੀਸ਼ਤਤਾ ਮਹੱਤਵਪੂਰਣ ਭੂਮਿਕਾ ਨਿਭਾਉਂਦੇ ਹਨ . ਭਾਵੇਂ ਤੁਸੀਂ ਚਿੱਤਰ ਨੂੰ ਪ੍ਰਤੀਕਿਰਿਆ ਦੇ ਰਹੇ ਹੋ ਜਾਂ ਸੱਚਮੁੱਚ ਤਰਲ ਗਰਿੱਡ ਬਣਾਉਣ ਲਈ ਪ੍ਰਤੀਸ਼ਤ ਦੇ ਚੌੜਾਈ ਵਰਤ ਰਹੇ ਹੋ ਜਿਹਨਾਂ ਦੇ ਆਕਾਰ ਇਕ-ਦੂਜੇ ਦੇ ਰਿਸ਼ਤੇਦਾਰ ਹੁੰਦੇ ਹਨ, ਇਹ ਕਲੈਕਸ਼ਨਾਂ ਨੂੰ ਸਮਝਣ ਲਈ ਤੁਹਾਡੀ ਲੋੜ ਅਨੁਸਾਰ ਦਿੱਖ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨਾ ਜ਼ਰੂਰੀ ਹੋਵੇਗਾ.