به وبلاگ برنامه نویسی خوش آمدید.

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

ایمیل rss feeds تلگرام
  • آموزش برنامه نویسی وب
  • آموزش html و css
  • آموزش php و mysql
  • jquery
  • java
دکمه ی بعدی اسلاید شو دکمه ی قبلی اسلاید شو


ریسپانسیو چیست؟


کلمه ی responsive به معنای واکنش گراست. یعنی مثلاً قالب سایتی که شما میسازید در نمایشگر های مختلف از خودش واکنش نشون بده و در هر نمایشگری مثلاً عرضش به صورت خودکار به اندازه ی اون نمایشگر در بیاد.

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

چون نمایشگر گوشی های مبایل کوچکتر هست برای همین  ظاهر قالب سایت شما امکانش زیاده  که در دیگر نمایشگر ها متفاوت باشه.

معمولاً برای اینکه سرعت کار ما در برنامه نویسی بیشتر بشه ما از فریم ورک های css مثل بوت استرپ استفاده میکنیم که همین بوت استرپ از مدیا کوئری ساخته شده.

من فایل بوت استرپ رو خودم شخصی سازی کردم و از بین همه ی دستوراتش فقط از col استفاده میکنم. حجم نسخه ای که من ازش استفاده میکردم 160 کیلوبایت بود که من وقتی شخصی سازیش کردم 10 کیلوبایت شد.

استفاده از دستوراتی مثل container و row به نظرم لزومی نداره. حتی برخی مواقع کار آدم را سخت تر میکنه.

شما می توانید یک عنصری مثل <main> برای کل قالب تعریف کنید و بهش با درصد عرض بدید. حالا  اگر میخواید در نمایشگر های کوچکتر عرضش بزرگتر یا کوچکتر بشه از مدیا کوئری استفاده کنید.

برای تصویر هم می توانید به این صورت عمل کنید:

.aks{

display:block;

max-width:100%;

height:auto;

}

در ساخت قالب ممکن است نیاز باشد کدهای بالا را تغییر هم بدهید.

فایل بوت استرپ شخصی سازی شده را اینجا دانلود کنید.

منبع این  مطلب : http://barnamenevisi.blogsky.com

کاربر وبلاگ نوشته شده توسط راوندی در تاریخ دوشنبه 18 دی‌ماه سال 1396 ساعت 01:59 ب.ظ  چاپ نظر دهید 0 نظر


 درباره من
عکس پروفایل

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

دسته‌ها

 جدیدترین یادداشت‌ها
ریسپانسیو چیست؟
مشکل نمایش border با کلیک روی texbox یا کلیک روی لینک
رفع خطای ()Fatal error: Cannot redeclare jdate
گرفتن پشتیبان از بانک اطلاعاتی با کمک mysqldump
چگونه برنامه نویس شویم؟
افزونه ای برای عکس گرفتن از سایت
مشکل ویرایشگر ckeditor با ایجکس
قالب وبلاگ برنامه نویسی
اجرا نشدن فایل جاوا در cmd
اخطار عدم پشتیبانی از FULLTEXT در قسمت phpmyadmin
رنگی کردن کد در برنامه ی word و صفحات وب با کمک notepad++
طریقه ی ثبت دامین ir
کتاب آموزش آسان و کاربردی php و mysql
لینک گذاشتن روی بخشی از تصویر
چند مطلب اضافه شده به کتاب آموزش سریع و آسان jquery
کتاب آموزش سریع و آسان jquery
اخطار no privileges در برنامه ی wamp 2.4 در قسمت ایجاد دیتابیس
گرادینت gradient برای همه ی مرورگرها
کنفرانس برنامه نویسان php
مشکل قالب های میهن بلاگ
کتاب آموزش ++C
کتاب آموزش tkinter به زبان ساده
مترجم قالب
گرد کردن div در مرورگر اکسپلورر
ضبط صدا با کمک جاوا اسکریپت ، جی کوئری ، php و فلش
لینک های آموزش برنامه نویسی
حفره ی امنیتی در مرورگر اکسپلورر
نمایش عکس از روی سایت در برنامه ی جاوا
نمایش لینک به صورت تصادفی
برنامه ی شکلک های الفورآی
لیست کامل عناوین یادداشت‌ها
 موارد دیگر

آمار تعداد کل بازدید ها : 483636
rss feeds

Powered By

www.barnamenevisi.blogsky.com

Copyright © 2014 barnamenevisi.blogsky.com