- نویسنده:طراح
- تاریخ:سه شنبه 4 اسفند 1394
- عنوان موضوع:
در مقاله پیشین شرکت طراحی سایت مبنا به معرفی و آموزش متا تگ viewport پرداختیم. حال در این مقاله میخواهیم مدیا کوئری را آموزش دهیم تا بتوانید از آن در طراحی سایت ریسپانسیو استفاده کنید.
مدیا کوئری چیست؟
مدیا کوئری در به طراحان در طراحی وب سایت این قابلیت را میدهد تا قالب سایت را به نحوی طراحی کنند که مختصات و مشخصات وب سایت مانند عرض، ارتفاع،رنگ و... با دستگاه تغییر و تطبیق کند.
مدیا کوئری ها به دو دسته نوع دستگاه و نوع دیگر مشخصات دستگاه تقسیم بندی می شوند. در این عبارت ها اگر حاصل عبارت صحیح باشد عبارتی که در داخل {} قرار به حالت اجرا در می آید در غیر این صورت از مدیا کوئری چشم پوشی میشود.
مدیا کوئری قادر به شناسایی دستگاه های زیر می باشد:
پرینتر ها (print)
مانیتورهای رومیزی، تبلت و موبایل (screen)
دستگاه هایی که متن صفحه را به گفتار و صدا تبدیل می کنند (speech)
اگر میخواهید بر تمامی این دستگاه ها تغییر اعمال کنید باید از all بجای نوع دستگاه استفاده کنید.
کاربرد مدیا کوئری در طراحی قالب ریسپانسیو
در حقیقت مدیا کوئری است که به ما امکان می دهد طراحی سایت ریسپانسیو انجام دهیم زیرا بدون مدیا کوئری قادر نخواهیم بود یک قالب واکنشگرا حرفه ای و مناسب طراحی نماییم.
برچسب ها : , تعداد بازدید : 88
اخرین مطالب
معرفی معیارهای لینک سازی
چهار نکته مهم در سئو برای کسب و کارها
بهترین زبان برنامه نویسی برای شبکه
اصول طراحی فرم ثبت نام در سایت
طراحی سایت سئو محور
نکات کلیدی سئو سایت برای یک استارت آپ
چگونگی استفاده از لینکدین به شیوه ی مفید
روانشناسی رنگ ها در طراحی سایت
تاثیر علم روانشناسی در طراحی سایت
اشتباهات رایج در لینکدین
چک لیست سئو
برند سازی
آموزش اساس سئو برای مبتدیان
روش های بهینه سازی سایت به صورت حرفه ای
افزایش سرعت وب سایت
اصولی که باید در طراحی وب رعایت کرد
بدون برنامه CSS3 و بدون کد نویسی کد های CSS3 را ایجاد کنید
وب سایت خود را به SSL مجهز کنید
لوگو چیست؟
CMS چیست؟