سلام دوستان

مشکل من حل شد

به این صورت که برای عرض های رزولیشن های مختلف در قالبمون css  های جدا گانه میسازیم در لینک دادند css با توجه به عرض نمایشگر لینک می دیم سی اس اس رو

(این کد رو توی فایل ascx قالب در قسمت هدر وارد کنید خودش عرض رو تشخیص میده و فایل مربوطه رو لینک میده فقط آدرس فایلها رو درست کنید)

به این صورت

...................

<meta name="viewport" content="width=device-width" />

<link href="template.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 1024px)" />

    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 327px)" href="mobile.css">

<link rel="stylesheet" media="only screen and (min-width:328px) and (max-width: 768px)" href="tablet.css">

........................................

توی قالبمون برای هر DIV یا هر Table یا هر قسمت دیگه که میخوایم یک کلاس تعین میکنیم (بیشتر خود این قسمتها دارای خاصیت Class یا ID هستند) مثل این

..................................

<div class="cP1" id="iP1" runat="server">

...............................

   

     حالا توی هر کدوم از فایلهای css مربوط به رزولیشن های مختلف خواص مربوطه به تگ مورد نظر رو  تغیر میدیم

template.css برای دسکتاپ و نمایشگر بزرگ

mobile.css برای موبایل و نمایشگر کوچیک

tablet.css برای تبلت و نمایشگر متوسط

به این صورت

.....................................................

برای استفاده از خاصیت کلاس از .

.cP1{width:auto;}

برای استفاده از خاصیت آی دی از #

#iP1{width:auto;}

(این مربوط به آموزش css هستش برای اطلاعات بیشتر یه سرچ تو گوگل بزنید)

.............................

با این روش میتونید توی هر پلتفرم یک نمایش خاص برای قالبتون تعریف کنید