طراحی سایتهای سازگار با وسایل الکترونیکی

[phpweb]

من یه سایت ساختم که توی مانیتورهای معمولی خوب نمایش داده می شه اما با توجه با انواع مختلف وسایل الکترونیکی (از موبایلهای کوچیک گرفته تا آی پاد و تبلتها و . . .)، لطفا بگید که برای اینکه سایتم توی این وسایل خوب کار کنه، چه کاری باید انجام بدم؟

[colors]

درود
خوب مشخصه دوست من باید برای هر دستگاه یک صفحه جدا بسازید .
مثل سایت http://donbaler.com که برای استفاده از موبایل از لینک http://donbaler.com/m استفاده کرده است. البته میتونی با استفاده از CSS برای سخت افزار مورد نظر طراحی خاصی در نظر بگیری


<link rel="stylesheet" type="text/css" media="all" href="#"/>
<link rel="stylesheet" type="text/css" media="print" href="#"/>
<link rel="stylesheet" type="text/css" media="screen" href="#"/>
<link rel="stylesheet" type="text/css" media="projection" href="#"/>
<link rel="stylesheet" type="text/css" media="tv" href="#"/>
...


که از اسم هر کدام مشخصه برای چه رسانه ای مورد استفاده قرار میگیره

موفق باشی