رفتن به مطلب

پست های پیشنهاد شده

سلام

میخوام در طراحی ریسپانسیو اجزای سایت جا به جا شوند....

تصویر اول مال حالت دکستاپ هستش ...

Screen_Shot_2015_06_03_at_15_35_16.png

که همونطور که میبینید قیسبوک از سمت چپ اولین طرح میباشد...

اما تو حال کوچکتر از 480 که قرار میگیره قیسبوک و دانلود نرم افزار ها پایین نمیرن.

Screen_Shot_2015_06_03_at_15_36_02.png

همینطور که میبینید کاملا همه چیز بهم ریخته شده...

مشکل از کجاست ؟

باید چه دستوری رو وارد کنم که در اندازه های مختلف جای هر کدام از اجزای سایت رو مشخص کنم ؟

لینک به ارسال

اینطوری که ننمیشه مشکل رو پیدا کرد. بهتره لینک بگذارید تا بررسی بشه.

www.bia2filtershekan61.com

ممنون

لینک به ارسال

روی سیستم بنده به صورت (عکس ضمیمه شده) میباشد .

همچنین برای اینکه بتوانید سایز های ریسپانسیو تعریف کنید از کد زیر میتوانید استفاده کنید :


@media screen and (max-width:1235px){.class .right{width:32%;}
.class .left{width:67.6%;}
}

به جای max-width اندازه صفحه و class های خود را رو به روی آن وارد می کنید .

post-10193-0-41501200-1433349517_thumb.p

لینک به ارسال

روی سیستم بنده به صورت (عکس ضمیمه شده) میباشد .

همچنین برای اینکه بتوانید سایز های ریسپانسیو تعریف کنید از کد زیر میتوانید استفاده کنید :


@media screen and (max-width:1235px){.class .right{width:32%;}
.class .left{width:67.6%;}
}

به جای max-width اندازه صفحه و class های خود را رو به روی آن وارد می کنید .

از صبح روش خیلی کار کردم ...

به بد بختی اینجوری چیندمش ...

اما باید خدمتتون عرض کنم که خیلی از اجزای سایت مثل دانلود اپ برای اندروید ، ورود ، عضویت ، آدرس یاب ، مسابقه هفتگی ؛

را حذف کردم که فعلا خراب نمایش داده نشه.... (اگه روی حالت معمولی 980 سایت رو نگاه کنید متوجه منظورم میشین)

وقتی فعالشون میکنم همه چیز میریزه بهم.

لینک به ارسال

خوب قربان باید برای هر class که مورد نیاز هست در سایز فوق ، استایل تعریف کنید تا مشکلی پیش نیاد .

مابقی رو هم میتونید hidden کنید .

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...