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

[sydali 10]

با سلام.من در فوتر دو تا فرم(ارتباط با ما و خبرنامه) به کار بردم که در برخی رزولیشن ها و همچنین هنگام زوم اونا رو هم میرن و فوتر به هم میریزه.لطفا یک بررسی بفرمایید.max-widt دادم ولی مشکل اینه که فقط در برخی رزولیشن ها این مشکل هست و max-width کارمو راه نمیندازه.ممنون میشم کمک کنید

دمو

[sydali 10]

ببخشید اسپم میدم ولی به نظرتون نیازمندم با تشکر

[mmfallah 67]

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

به خاطر همین هم این مشکل پیش میاد.

[Vahid Taheri 74]

میتونید کد های css رو متناسب با عرض مانیتور بنویسید.

برای مثال مانیتوری داریم که عرضش 1024px هست. کد های css متناسب به اون رو بشکل زیر مینویسیم :

@media (max-width: 1024px) {
کدهای css متناسب با سایز مانیتور
}

البته اندازه هاتون رو هم میتونید درصدی بدین تا در مانیتور های مختلف بصورت درست نمایش بده برای مثال :

max-width:70%;

امیدوارم که مشکلتون حل بشه

موفق باشید