Media Query

ਜਵਾਬਦੇਹ ਡਿਜ਼ਾਈਨ ਲਈ ਕਾਪੀ ਕੀਤੇ ਕੋਡ ਵਿੱਚ Media Query CSS ਸ਼ਾਮਲ ਕਰੋ। ਦੋ ਵਿਕਲਪ ਹਨ: ਚਾਲੂ ਅਤੇ ਬੰਦ

ਪੂਰਵ-ਨਿਰਧਾਰਤ ਮੁੱਲ: ਚਾਲੂ

Media Query ਚਾਲੂ

ਇਹ ਵਿਕਲਪ ਜਵਾਬਦੇਹ ਡਿਜ਼ਾਈਨ ਲਈ ਕਾਪੀ ਕੀਤੇ ਕੋਡ ਵਿੱਚ Media Query ਨੂੰ ਜੋੜ ਦੇਵੇਗਾ।

ਇਹ ਸਾਰੇ ਕੰਪੋਨੈਂਟ ਫਾਰਮੈਟ ਅਤੇ ਸਟਾਈਲ ਫਾਰਮੈਟ ਵਿਕਲਪਾਂ ਨਾਲ ਕੰਮ ਕਰਦਾ ਹੈ।

Tailwind CSS ਦੇ ਨਾਲ Media Query

ਜੇਕਰ ਤੁਸੀਂ Tailwind CSS ਦੀ ਚੋਣ ਕਰਦੇ ਹੋ, ਤਾਂ Media Query ਨੂੰ Tailwind CSS ਕਲਾਸਾਂ ਵਿੱਚ ਸ਼ਾਮਲ ਕੀਤਾ ਜਾਵੇਗਾ। ਜੇਕਰ ਕੋਈ Media Query ਸ਼ੈਲੀ ਹੈ ਜੋ Tailwind CSS ਦੁਆਰਾ ਸਮਰਥਿਤ ਨਹੀਂ ਹੈ, ਤਾਂ ਇਸਨੂੰ ਇੱਕ ਗਲੋਬਲ ਸ਼ੈਲੀ ਵਜੋਂ ਜੋੜਿਆ ਜਾਵੇਗਾ।

ਇਨਲਾਈਨ CSS ਦੇ ਨਾਲ Media Query

ਜੇਕਰ ਤੁਸੀਂ ਇਨਲਾਈਨ CSS ਦੀ ਚੋਣ ਕਰਦੇ ਹੋ, ਤਾਂ Media Query ਨੂੰ ਇੱਕ ਗਲੋਬਲ ਸ਼ੈਲੀ ਵਜੋਂ ਜੋੜਿਆ ਜਾਵੇਗਾ ਕਿਉਂਕਿ ਇਨਲਾਈਨ CSS Media Query ਸ਼ੈਲੀਆਂ ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦੀ ਹੈ।

ਬਾਹਰੀ CSS ਨਾਲ Media Query

ਜੇਕਰ ਤੁਸੀਂ ਬਾਹਰੀ CSS ਦੀ ਚੋਣ ਕਰਦੇ ਹੋ, ਤਾਂ Media Query ਨੂੰ ਬਾਹਰੀ CSS ਵਿੱਚ ਜੋੜਿਆ ਜਾਵੇਗਾ।

Media Query ਸਥਾਨਕ CSS ਨਾਲ

ਜੇਕਰ ਤੁਸੀਂ ਸਥਾਨਕ CSS ਦੀ ਚੋਣ ਕਰਦੇ ਹੋ, ਤਾਂ Media Query ਨੂੰ ਸਥਾਨਕ CSS ਵਿੱਚ ਜੋੜਿਆ ਜਾਵੇਗਾ।

Media Query ਬੰਦ

ਇਹ ਵਿਕਲਪ ਨਕਲ ਕੀਤੇ ਕੋਡ ਵਿੱਚ Media Query ਨੂੰ ਸ਼ਾਮਲ ਨਹੀਂ ਕਰੇਗਾ।