ਮੇਰੀ ਜਵਾਬਦੇਹ ਵੈਬਸਾਈਟ ਕੰਮ ਨਹੀਂ ਕਰ ਰਹੀ. ਫਿਕਸ: ਵਿ Viewਪੋਰਟ.

My Responsive Website Isn T Working







ਸਮੱਸਿਆਵਾਂ ਨੂੰ ਖਤਮ ਕਰਨ ਲਈ ਸਾਡੇ ਸਾਧਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਸਪੈਨਿਸ਼ ਵਿੱਚ ਬਿਮਾਰਾਂ ਲਈ ਪ੍ਰਾਰਥਨਾ

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





ਉਸਨੂੰ ਇਸ ਤੱਥ ਦੁਆਰਾ ਹੋਰ ਵੀ ਭੇਤ ਮਿਲਿਆ ਕਿ ਜਦੋਂ ਉਸਨੇ ਆਪਣੇ ਬ੍ਰਾ browserਜ਼ਰ ਵਿੰਡੋ ਨੂੰ ਆਪਣੇ ਡੈਸਕਟਾਪ, ਸਾਈਟ ਤੇ ਮੁੜ ਆਕਾਰ ਦਿੱਤਾ ਸੀ ਜਵਾਬਦੇਹ ਹੈ, ਪਰ ਉਸਦੇ ਆਈਫੋਨ ਤੇ, ਸਿਰਫ ਡੈਸਕਟਾਪ ਸੰਸਕਰਣ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤੇ ਗਏ ਸਨ. ਇਕ ਸਾਈਟ ਕਿਉਂ ਹੋਵੇਗੀ ਇੱਕ ਡੈਸਕਟਾਪ ਕੰਪਿ onਟਰ ਤੇ ਜਵਾਬਦੇਹ ਅਤੇ ਮੋਬਾਈਲ ਉਪਕਰਣ 'ਤੇ ਗ਼ੈਰ-ਜਵਾਬਦੇਹ?



ਜਵਾਬਦੇਹ ਡਿਜ਼ਾਈਨ ਕਿਉਂ ਕੰਮ ਨਹੀਂ ਕਰਦਾ

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

ਵਿ Viewਪੋਰਟ ਅਤੇ ਵਿportਪੋਰਟ ਆਕਾਰ ਤੋਂ ਤੁਹਾਡਾ ਕੀ ਮਤਲਬ ਹੈ?

ਸਾਰੀਆਂ ਡਿਵਾਈਸਾਂ ਤੇ, ਵਿportਪੋਰਟ ਦਾ ਆਕਾਰ ਇੱਕ ਵੈਬਪੰਨੇ ਦੇ ਖੇਤਰ ਦੇ ਅਕਾਰ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ ਜੋ ਵਰਤਮਾਨ ਵਿੱਚ ਉਪਭੋਗਤਾ ਨੂੰ ਦਿਖਾਈ ਦੇ ਰਿਹਾ ਹੈ. ਕਲਪਨਾ ਕਰੋ ਕਿ ਤੁਸੀਂ 320 ਪਿਕਸਲ ਦੀ ਚੌੜਾਈ ਵਾਲਾ ਇੱਕ ਆਈਫੋਨ 5 ਰੱਖ ਰਹੇ ਹੋ. ਜਦ ਤੱਕ ਸਪੱਸ਼ਟ ਤੌਰ ਤੇ ਕਿਸੇ ਹੋਰ ਨੂੰ ਦੱਸਿਆ ਨਹੀਂ ਜਾਂਦਾ, ਆਈਫੋਨ ਮੰਨਦੇ ਹਨ ਕਿ ਤੁਹਾਡੀ ਹਰ ਵੈਬਸਾਈਟ 980px ਦੀ ਚੌੜਾਈ ਵਾਲੀ ਇੱਕ ਡੈਸਕਟਾਪ ਸਾਈਟ ਹੈ.

ਹੁਣ, ਆਪਣੇ ਕਾਲਪਨਿਕ ਆਈਫੋਨ 5 ਦੀ ਵਰਤੋਂ ਕਰਦਿਆਂ,ਤੁਸੀਂ ਡੈਸਕਟਾਪ ਲਈ ਬਣਾਈ ਗਈ ਇਕ ਵੈਬਸਾਈਟ ਤੇ ਜਾਉਗੇ ਜੋ ਕਿ 800px ਚੌੜੀ ਹੈ. ਇਸਦਾ ਜਵਾਬਦੇਹ ਲੇਆਉਟ ਨਹੀਂ ਹੈ, ਇਸਲਈ ਤੁਹਾਡੇ ਆਈਫੋਨ ਵਿੱਚ ਪੂਰੀ ਚੌੜਾਈ ਵਾਲਾ ਡੈਸਕਟਾਪ ਸੰਸਕਰਣ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਗਿਆ ਹੈ.





ਆਈਫੋਨ ਨੋ ਸਿਮ ਕਿਉਂ ਕਹਿੰਦਾ ਹੈ?

ਪਰ ਇੱਕ ਆਈਫੋਨ 5 ਸਿਰਫ 320 ​​ਪਿਕਸਲ ਚੌੜਾ ਹੈ. ਕੀ ਇਹ ਹਮੇਸ਼ਾਂ ਵਿ theਪੋਰਟ ਦਾ ਆਕਾਰ ਨਹੀਂ ਹੁੰਦਾ?

ਨਹੀਂ, ਇਹ ਨਹੀਂ ਹੈ. ਵਿ viewਪੋਰਟ ਆਕਾਰ ਦੇ ਨਾਲ, ਸਕੇਲਿੰਗ ਸ਼ਾਮਲ ਹੋ ਸਕਦੀ ਹੈ . ਆਈਫੋਨ ਨੂੰ ਵੈੱਬਪੇਜ ਦੇ ਪੂਰੀ ਚੌੜਾਈ ਵਾਲੇ ਸੰਸਕਰਣ ਨੂੰ ਵੇਖਣ ਲਈ ਜ਼ੂਮ ਆਉਟ ਕਰਨਾ ਪਏਗਾ. ਯਾਦ ਰੱਖੋ ਕਿ ਵਿportਪੋਰਟ ਇੱਕ ਪੰਨੇ ਦੇ ਖੇਤਰ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ ਜੋ ਵਰਤਮਾਨ ਵਿੱਚ ਉਪਭੋਗਤਾ ਨੂੰ ਦਿਖਾਈ ਦੇ ਰਿਹਾ ਹੈ. ਕੀ ਆਈਫੋਨ ਉਪਭੋਗਤਾ ਇਸ ਵੇਲੇ ਪੇਜ ਦੇ ਸਿਰਫ 320 ​​ਪਿਕਸਲ ਦੇਖ ਰਹੇ ਹਨ, ਜਾਂ ਕੀ ਉਹ ਪੂਰੀ ਚੌੜਾਈ ਦਾ ਸੰਸਕਰਣ ਦੇਖ ਰਹੇ ਹਨ?

ਇਹ ਸਹੀ ਹੈ: ਉਹ ਆਪਣੇ ਡਿਸਪਲੇਅ 'ਤੇ ਪੂਰੀ ਚੌੜਾਈ ਵਾਲਾ ਵੈੱਬਪੰਨਾ ਦੇਖ ਰਹੇ ਹਨ ਕਿਉਂਕਿ ਆਈਫੋਨ ਨੇ ਮੰਨਿਆ ਹੈ ਕਿ ਇਸਦਾ ਮੂਲ ਵਿਵਹਾਰ ਹੈ: ਇਹ ਜ਼ੂਮ ਹੋ ਗਿਆ ਹੈ ਤਾਂ ਜੋ ਉਪਯੋਗਕਰਤਾ 980 ਪਿਕਸਲ ਦੀ ਚੌੜਾਈ ਤਕ ਕੋਈ ਵੈੱਬਪੇਜ ਵੇਖ ਸਕਣ. ਇਸ ਲਈ, ਆਈਫੋਨ ਦਾ ਵਿਯੂਪੋਰਟ 980px ਹੈ.

ਜਦੋਂ ਤੁਸੀਂ ਜ਼ੂਮ ਇਨ ਜਾਂ ਆਉਟ ਕਰਦੇ ਹੋ, ਤਾਂ ਵਿਯੂਪੋਰਟ ਦਾ ਆਕਾਰ ਬਦਲ ਜਾਂਦਾ ਹੈ. ਅਸੀਂ ਪਹਿਲਾਂ ਕਿਹਾ ਸੀ ਕਿ ਸਾਡੀ ਕਾਲਪਨਿਕ ਵੈਬਸਾਈਟ ਦੀ ਚੌੜਾਈ 800px ਹੈ, ਇਸ ਲਈ ਜੇ ਤੁਸੀਂ ਆਪਣੇ ਆਈਫੋਨ ਨੂੰ ਜ਼ੂਮ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਕਿ ਵੈਬਸਾਈਟ ਦੇ ਕਿਨਾਰੇ ਤੁਹਾਡੇ ਆਈਫੋਨ ਦੇ ਪ੍ਰਦਰਸ਼ਨ ਦੇ ਕਿਨਾਰਿਆਂ ਨੂੰ ਛੂਹ ਰਹੇ ਹੋਣ ਤਾਂ ਵਿportਪੋਰਟ 800 ਪੀਐਕਸ ਦੀ ਹੋਵੇਗੀ. ਆਈਫੋਨ ਕਰ ਸਕਦਾ ਹੈ ਇੱਕ ਡੈਸਕਟਾਪ ਸਾਈਟ ਤੇ 320px ਦਾ ਵਿਯੂਪੋਰਟ ਰੱਖੋ, ਪਰ ਜੇ ਇਹ ਹੁੰਦਾ, ਤਾਂ ਤੁਸੀਂ ਇਸਦਾ ਥੋੜਾ ਜਿਹਾ ਹਿੱਸਾ ਹੀ ਦੇਖਦੇ ਹੋਵੋਗੇ.

ਕਾਲ ਕੀਤੇ ਜਾਣ ਤੇ ਮੇਰਾ ਆਈਫੋਨ ਨਹੀਂ ਵੱਜੇਗਾ

ਮੇਰੀ ਜਵਾਬਦੇਹ ਵੈਬਸਾਈਟ ਟੁੱਟ ਗਈ ਹੈ. ਮੈਂ ਇਸ ਨੂੰ ਕਿਵੇਂ ਠੀਕ ਕਰਾਂ?

ਜਵਾਬ HTML ਦੀ ਇਕੋ ਲਾਈਨ ਹੈ ਜੋ ਇਕ ਵੈਬਪੰਨੇ ਦੇ ਸਿਰਲੇਖ ਵਿਚ ਪਾਉਣ ਵੇਲੇ ਉਪਕਰਣ ਨੂੰ ਆਪਣੀ ਚੌੜਾਈ (ਆਈਫੋਨ 5 ਦੇ ਮਾਮਲੇ ਵਿਚ 320px) ਨਿਰਧਾਰਤ ਕਰਨ ਲਈ ਕਹਿੰਦੀ ਹੈ ਅਤੇ ਪੇਜ ਨੂੰ ਸਕੇਲ (ਜਾਂ ਜ਼ੂਮ ਨਹੀਂ) ਕਰਨ ਲਈ.

ਇਸ ਮੈਟਾ ਟੈਗ ਨਾਲ ਸਬੰਧਤ ਸਾਰੇ ਵਿਕਲਪਾਂ ਦੀ ਵਧੇਰੇ ਤਕਨੀਕੀ ਵਿਚਾਰ ਵਟਾਂਦਰੇ ਲਈ, ਵੇਖੋ tutsplus.com 'ਤੇ ਇਸ ਲੇਖ ਨੂੰ .

ਵਰਡਪਰੈਸ ਐਕਸ ਥੀਮ ਨੂੰ ਕਿਵੇਂ ਠੀਕ ਕਰਨਾ ਹੈ ਜਦੋਂ ਇਹ ਜਵਾਬਦੇਹ ਨਹੀਂ ਹੁੰਦਾ

ਪਹਿਲਾਂ ਤੋਂ ਮੇਰੇ ਦੋਸਤ ਤੇ ਵਾਪਸ ਜਾਓ: ਕੋਡ ਦੀ ਇਹ ਇਕ ਲਾਈਨ ਅਲੋਪ ਹੋ ਗਈ ਜਦੋਂ ਉਸਨੇ ਐਕਸ ਥੀਮ ਨੂੰ ਅਪਡੇਟ ਕੀਤਾ. ਆਪਣੀ ਫਿਕਸਿੰਗ ਦਿੰਦੇ ਸਮੇਂ, ਇਹ ਯਾਦ ਰੱਖੋ ਕਿ ਐਕਸ ਥੀਮ ਸਿਰਫ ਇੱਕ ਹੈਡਰ ਫਾਈਲ ਨਹੀਂ ਵਰਤਦਾ - ਇਹ ਹਰ ਸਟੈਕ ਲਈ ਵੱਖ ਵੱਖ ਹੈਡਰ ਫਾਈਲਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ, ਇਸਲਈ ਤੁਹਾਨੂੰ ਆਪਣੀ ਖੁਦ ਨੂੰ ਸੰਪਾਦਿਤ ਕਰਨੀ ਪਏਗੀ.

ਮੇਰਾ ਚਾਰਜਰ ਮੇਰੇ ਆਈਫੋਨ ਨੂੰ ਚਾਰਜ ਕਿਉਂ ਨਹੀਂ ਕਰਦਾ?

ਕਿਉਂਕਿ ਨਿਕ ਥੀਮ ਦੇ ਐਥੋਸ ਸਟੈਕ ਨੂੰ ਐਕਸ ਥੀਮ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ, ਇਸ ਲਈ ਉਸ ਨੂੰ ਕੋਡ ਦੀ ਲਾਈਨ ਜੋੜਨੀ ਪਈ ਜਿਸ ਦਾ ਪਹਿਲਾਂ ਮੈਂ ਜ਼ਿਕਰ ਕੀਤਾ ਹੈਡਰ ਫਾਈਲ ਵਿਚ ਐਕਸ ਵਿਚ ਸਥਿਤ ਸੀ / ਫਰੇਮਵਰਕ / ਵਿviewਜ਼ / ਵੇਗੋ / ਡਬਲਯੂ ਪੀ- ਹੈਡਰ.ਪੀਪੀਪੀ . ਜੇ ਤੁਸੀਂ ਇਕ ਵੱਖਰੇ ਸਟੈਕ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋ, ਤਾਂ ਸਹੀ ਸਿਰਲੇਖ ਫਾਈਲ ਲੱਭਣ ਲਈ ਆਪਣੇ ਸਟੈਕ ਦਾ ਨਾਮ (ਇਕਸਾਰਤਾ, ਨਵੀਨੀਕਰਣ, ਆਦਿ) ਦੀ ਚੋਣ ਕਰੋ. ਉਹ ਇਕ ਲਾਈਨ ਪਾਓ, ਅਤੇ ਵੋਇਲਾ! ਤੁਸੀਂ ਜਾਣਾ ਚੰਗਾ ਹੈ.

ਤਾਂ ਇਹ ਮੇਰੇ CSS ਮੀਡੀਆ ਸਵਾਲਾਂ ਨੂੰ ਠੀਕ ਕਰਦਾ ਹੈ, ਬਹੁਤ?

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

ਪੇਈਟ ਅੱਗੇ ਭੇਜਣਾ ਯਾਦ ਰੱਖੋ,
ਡੇਵਿਡ ਪੀ.