مشکل در رسپانسیو بودن سایت

پرسش

سلام خدمت همه دوستان.

یک مشکل دارم در خصوص رسپانسیو کردن سایت.

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

من نحوه رسپانسیو کردن رو از لینک زیر کپی کردم در حالی که یعضی از عناصر در جای درست قرار نمیگیرن در حالت رسپانسیو ولی تو مرورگر خوب اجرا میشه.

لینک دانلود پروژه: http://s5.picofile.com/file/8371053968/SITE.rar.html

https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_media3

در انتظار پاسخ 0
, مهدی 2 هفته 2 پاسخ ها 40 بازدید کاربر جدید 0

پاسخ ها ( 2 )

  1. سلام

    برای ریسپانسیو کردن قالب، فریم ورک های css زیادی وجود داره که کار رو خیلی راحت میکنه.

    فریم ورک هایی نظیر BootStrap که محبوب ترین و بیشترین استفاده رو بین طراحان داره، اگر به سایتش مراجعه کنید، آموزش کامل و مثال های زیادی هم گفته شده:

    کدهای Css تون خیلی نامرتب بود، نتونستم چک کنم، ولی قطعه کد یک صفحه رو براتون میزارم، که شامل دو بخش چپ و راست هست، که میتونید جایگزین کدهای خودتون بکنید.

    موفق باشید.

  2. خیلی ممنون از جوابتون.

    استفاده از bootstrap رو بلدم، ولی می خواستم با نوشتن این قالب در واقع یاد بگیرم چطور میشه سایت رو رسپانسیو کرد که اگر بعدا نشد مشکلی رو با bootstarp حل کرد بشه با استفاده از استایل دادن به صورت دستی اون مشکل رو حل کرد.

نوشتن پاسخ