تغییر اندازه سایت نسبت به اندازه مانیتور

[qwert 10]

سلام

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

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

میخواستم دوستان راهنمایی کنن که باید چکار کنم که درست بشه

تشکر:14:

[Vahid Taheri 74]

سایت هایی که در همه ی مانیتور قابلیت مشاهده داشته باشند رو میگن واکنش گرا یا رسپانسیو ( responsive )

در طراحی رسپانسیو باید سعی بشه اجزا و مخصوصا body و بخش های کلی سایت مثل main محدود نشه و اندازه ها هم برحسب % باشه به جای px!

آدرس سایتتون رو قرار بدین تا بررسی بشه و بهتر راهنماییتون کنیم

[qwert 10]

ببخشید یادم رفت آدرس بدم

این سایت

فقط خواهشا اگه آدرس مسیر رو بهم بگید ممنون میشم

[Vahid Taheri 74]

در فایل زیر خط 5 به main عرض ثابت داده شده:

http://www.shahidparsa.ir/templates/kh_ramazan/css/layout.css

کد سی اس اس width و مقدارش رو پاک کنید

[qwert 10]

جناب طاهری چیزایی رو که گفتید انجام دادم ولی هیچ تغییری نمیکنه

این مقداری رو که میگید من تو خط4 دید.

.main { width: 950px; max-width: 1200px; margin: 0 auto; position: relative;}

تو خط 5 هم اینه

.column { overflow: hidden; float: left; }

شما میگید که من این کد رو قرار بدم؟؟

main max-width: 1200px; margin: 0 auto; position: relative;}

[Vahid Taheri 74]

بله اون کد درسته.البته اگر این رو به جای اون قرار بدین بهتره:

.main{margin: 0 auto; position: relative;}

[qwert 10]

جناب طاهری من همین کد رو گذاشتم ولی کوچکترین تغییری نمیکنه به نظرتون مشکل کجاست؟؟؟

[Vahid Taheri 74]

شما اون کد رو کجا قرار دادین؟ الان دوتا css برای .main دارین که یکش مثل اینکه جدیده ومسیرش رو نمیشه فهمید

اما در اون فایلی که بهتون گفتم(این فایل) خط 4 هنوز کد قبل هست. فکر میکنم یه کد دیگه اضافه کردید