6 پست در این موضوع قرار دارد

سلام

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

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

Screen_Shot_2015_06_03_at_15_35_16.png

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

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

Screen_Shot_2015_06_03_at_15_36_02.png

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

1

به اشتراک گذاری این پست


لینک به پست

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

www.bia2filtershekan61.com

ممنون

0

به اشتراک گذاری این پست


لینک به پست

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

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


@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

1

به اشتراک گذاری این پست


لینک به پست

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

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


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

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

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

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

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

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

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط jistili1
      سلام دوستان.من اومدم به قول خودم سایتم رو با استفاده از دستور های media query در css ریسپانسیو کردم.سایتم اینه:namavaz.ir.اومدم برای سایز های مختلف device سایت رو تعریف کردم.ولی الان وقتی سایت رو باز میکنید اصلا کاری به مدیاکوئری ها نداره.همون صفحه ای که روی لپتاپم میاره رو روی موبایل میاد زوم بک میکنه.اگه سایز مرورگر رو توی لپتاپ تغییر بدم مدیاکوئری ها کار میکنن ولی روی موبایل مشکل داره.ممنون میشم راهنمائیم کنید.
    • توسط Hassan Hesampour
      سلام دوستان وقتتون بخیر
      آقا ما یه سایت داریم به آدرس : dryouclinic.com 
      توی قسمت بلاگ ( نوشته های سایت ) بخصوص مطالبی که اخیرا توی سایت درج شده ، ریسپانسیو مطالب دچار مشکل شده
      یعنی الان هر نویسنده ای که بخواد مطلب جدید بذاره نحوه چیدمان نوشته ها میریزه بهم
      تمام افزونه ها رو غیر فعال کردم بازم نشد
      مشکل از خود قالب هست اما نمیدونم چه مشکلی برای قالب پیش اومده که جدیدا وقتی مطلب میذاریم میریزه بهم ، یادم هم نمیاد که چه تغییری توی سایت دادیم که این مشکل پیش اومد
      عکس ضمیمه رو ببینید تا بهتر متوجه منظورم بشید ، ممنون میشم اگر کسی مشکل رو فهمید کمکم کنه

    • توسط pouria7777
      سلام خسته نباشید
      میخواستم ببینم اگر بخوام این مجموعه عکس بالا رو توی موبایل به همین صورت و ترتیب نشون بدم چیکار باید بکنم؟ یعنی سایزشون کوچیک بشه به جای این که به هم ریخته بشن و از حالت خطی در بیان.

    • توسط kamran.azarniya
      سلام و درود
      بنده در این سایتم کمی مشکل منو داشتم نمیدونم چه تنظیماتی کردم که منو از جایگاه اصلی خودش اومده پایینتر ، حالا به نظرتون باید چیکار کنم یا چه کدیو اصلاح کنم
      تشکر
      avahesab.ir
    • توسط j1989m
      سلام 

      یه اسلایدر ریسپانسیو و تاچ میخوام که عناصر داخل هریک از اسلایدها با انیمیشن ظاهر و ناپدید بشن 
      (شبیه اسلایدر این سایت : https://payment24.ir/ ولی خب این تاچ نیست و با بوت استرپه) 

      ببینید مثلا اسلایدر زیر رو با owl carousel ساختم و میخوام با نمایش اسلایدها title و description با انیمیشن دلخواه خودم نمایش و ناپدید بشن: 

      https://codepen.io/j1989mah/pen/VzoOmY 

      با رویدادهای owl carousel میشه اینکارو کرد؟ کسی با ایونت های کاروسل کار کرده؟ 
      https:/owlcarousel2.github.ioOwlCarousel2docs/api-events.html