نکات طراحی قالب ریسپانسیو : تعیین پهنا؟ آریا تمپ – طراحی سایت,قالب وبلاگ,پوسته وردپرس,قالب وردپرس

نکات طراحی قالب ریسپانسیو : تعیین پهنا؟

تعیین کردن پهنا نمایش برای شکل نمایشی محتوا

@media screen and (min-width: 340px) {
  p {
    font-size: 2em;
  }
}

یا
@media screen and (max-width: 840px) {
  p {
    font-size: 2em;
  }
}

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

در این فایل چند نمونه صفحه دو ستونه و سه ستونه ریسپانسیو معرفی شده است.

دانلود فایل - سه ستونه
دانلود فایل - دو ستونه 

برچسبها: , , ,

درج ديدگاه...


دو + پنج =

website stats