miladmg

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

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

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

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

01.jpg

02.jpg

0

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


لینک به پست

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

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

 

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

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

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

4

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


لینک به پست

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

0

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


لینک به پست

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

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

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

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


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

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

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


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