رفتن به مطلب

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


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

از مدیا اسکرین خود css3 هم میتونید استفاده کنید که خیلی راحت و و بی دردسره

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


@media screen and (max-width: 980px) {
#logo-ads img
{
width:100px;
height:200px;
}
}

یه سری هم به این سایت بزنید آموزش کاربردی و مفیدی رو برای طراحی ریسپانسیو با استفاده از css3 آموزش داده - کلیک کنید

لینک به ارسال

لطفا در مورد این سیستم یکم اطلاعات بدید

ما هم بخوایم سایتمون رو ریسپانسیو کنیم چه کار باید انجام بدیم.

لینک به ارسال

لطفا در مورد این سیستم یکم اطلاعات بدید

ما هم بخوایم سایتمون رو ریسپانسیو کنیم چه کار باید انجام بدیم.

ریسپانسیو کردن راه های بسیار زیادی داره که هر کدوم بنا به نوعشون ممکنه سخت یا اسون باشن و یا حرفه ایی یا ساده ...

هر طراح وبی یه راهی رو برای رسپانسیو انتخاب میکنه ...

راهای ریسپانسیو کردن :

1. استفاده از فریم ورک

2.استفاده از CSS3

3.غیره

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

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

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

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

سایت دوم - ریسپانسیو شده با فریم ورک (بوت استراپ 3) - کلیک کنید

لینک به ارسال

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

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

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

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

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

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

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

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

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