ریسپانسیو کردن قالب وردپرس

[*Mr.Mehdi*]

الان من باید به قسمت div این @media screen and (max-width: 500px) رواضافه کنم؟نیازی نیست قسمتای height و width رو به %100 تغییر بدم؟؟؟

و قسمت کد <meta content="width=device-width, initial-scale=1" name="viewport"> که گفتید تو هدر وارد کنم برای چی هستش؟؟؟

درود

@media screen and (max-width: 500px)

رو باید به css اضافه کنید،معنیش اینه که وقتی بیشترین عرض صفحه 500px بود دستورات زیرش رو انجام بده:

مثلا رنگ فلان کلاس رو قرمز کن که به صورت زیر میشه:

@media screen and (max-width: 500px) {.class { color:red; }}

این کد هم به دیوایس میفهمونه که قالب باید هم عرض دیوایس لود بشه و قابلیت زوم هم نداشته باشه

<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">