رتبه موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
آموزش ریسپانسیو کردن صفحه با CSS3
#1
برای ریسپانسیو کردن و نمایش بهتر صفحه تنها کافی است چند سری کلاس CSS  اماده کنید برای مثال 3 سری که یک سری برای کامپیوتر و یک سری برای تبلت و یک سری برای موبایل می باشد.
این تعداد را می توانید هر تعداد که تمایل دارید اختصاص بدهید ولی حجم زیاد کد موجب سنگینی سایت شما می شود و لی در عوض سایت کامل تر و با نمایش بهتری خواهید داشت 
توصیه می شود بین 3 تا 5 سری کد CSS  اماده نمایید 

برای هر سری کد بازه هایی را از بعد عرض صفحه قرار بدهید برای مثال عرض 0 تا 500 پیکسل برای موبایل  از 500 تا 800 پیکسل برای تبلت و 800 به بالا برای کامپیوتر باشد 

بعد در فایل CSS به شکل زیر مشخص می نماید 


کد PHP:
@media only screen and (min-width800px) {
.
mrt69 {
background-colorred;
}


}
/*-----------------------------------------------------------------------------------*/
@media only screen and (min-width500px) and (max-width800px) {

.
mrt69 {
background-colorblue;
}




}

/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width500px) {

.
mrt69 {
background-colorgreen;
}







فایل‌های ضمیمه
.zip   RES.zip (اندازه: 585 بایت / دانلودها: 0)
[تصویر: p1yi5d6sh60hdpc948p.jpg]
 سپاس شده توسط reihan banu


موضوعات مشابه ...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  آموزش ریسپانسیو کردن صفحه با روش ساده m.taherkhani 0 929 2016-03-06, 12:16 PM
آخرین ارسال: m.taherkhani
  پرسش و پاسخ html m.taherkhani 5 3,068 2013-11-25, 06:59 PM
آخرین ارسال: amirmohammad
  آموزش گام به گام HTML m.taherkhani 3 2,760 2013-11-25, 06:43 PM
آخرین ارسال: m.taherkhani

پرش در انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان