رسپانسیو ڈیزائن اور میڈیا کوئریز ۔ لیکچر 12

اردو میں جدید کوڈنگ زبان ایچ ٹی ایم ایل ، سی ایس ایس اور جاوا اسکرپٹ کا یہ بارھواں لیچکچر ہے ۔ یہ لیکچر انتہائی آسان زبان اور آسانی سے سمجھ میں آنے والی کوڈنگ میں لکھا گیا ہے ۔ اس زبان کو ایک نو دس سال کا بچہ بھی آسانی سے سمجھ سکتا ہے ۔۔ تو آئیے شروع کرتے ہیں آج کا بارھواں لیکچر ۔رسپانسیو ڈیزائن اور میڈیا کوئریز ۔ لیکچر 12

رسپانسیو ویب ڈیزائن کیا ہے؟

رسپانسیو ویب ڈیزائن ویب صفحات کو مختلف آلات (ڈیسک ٹاپ، ٹیبلٹ، اور فون) پر اچھا دکھانے کے بارے میں ہے۔

میڈیا کوئریز

میڈیا کوئری ایک ایسی خصوصیت ہے جو آپ کو مخصوص شرائط (مثلاً، اسکرین کی چوڑائی) کی بنیاد پر اسٹائلز کا اطلاق کرنے کی اجازت دیتی ہے۔

 <style>
        body {
            background-color: lightblue;
        }

        /* 600px سے کم چوڑائی والی اسکرینوں پر، پس منظر کا رنگ تبدیل کریں */
        @media screen and (max-width: 600px) {
            body {
                background-color: lightgreen;
            }
        }
    </style>

اس صفحہ کا پس منظر کا رنگ تبدیل ہو جائے گا جب ویو پورٹ 600px سے کم چوڑا ہو گا۔

اردو میں تمام لیکچرز کی فہرست

انگلش زبان میں لیکچر پی کے بلاگ پر دیکھیں