رفتن به مطلب

سایت ریسپانسیو متفاوت


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

سلام و خسته نباشید خدمت دوستان محترم،

من میخوام وقتی سایت تو کامپیوتر باز میشه مثل عکس شماره 1 بشه و وقتی تو موبایل باز میشه مثل عکس شماره 2،اما نمیدونم چطوری این کار رو بکنم،ممنون میشم راهنماییم کنید.

01.jpg

02.jpg

لینک به ارسال

ساده ترین روش استفاده از کدهای CSS هستش

@media only screen and (max-width: 740px)

 

بجای 740 پیکسل اندازه مورد نظر رو بنویس

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

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

لینک به ارسال

ممنون از جوابتون اما متوجه منظور من نشدید،عکس ها رو دقت کنید عکس شماره 1 از تصاویر استفاده شده،اما عکس شماره دو از آیکون استفاده شده من میخوام وقتی کاربر با گوشی وارد سایت میشه حس کنه که داره با یک اپ موبایل کار میکنه نه یک سایت،اما با کامپیوتر همون ظاهر سایت رو داشته باشه

لینک به ارسال

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

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

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

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

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

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

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

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

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