ابعاد نمایشگر ها

[ravand]

سلام
من میخوام بدونم باید برای چند نوع نمایشگر قالبم رو ایجاد کنم؟ یعنی ابعاد این نمایشگر ها چیا هستند؟
مثلا crt ابعادش 768*1024 .
دیگر نمایشگر ها که سایت من باید باهاشون سازگار باشه چه اندازه هایی دارند؟
متشکرم.

[sohail0098]

سلام داداش
من تو پست قبلی یه تیکه کد دارم به جی کویری که ابعاد صفحه نمایش رو بهت میده
http://barnamenevis.org/showthread.php?455816-%D8%B1%DB%8C%D8%B3%D9%BE%D8%A7%D9%86%D8%B3%DB%8C%D 9%88-%DA%A9%D8%B1%D8%AF%D9%86-%D8%A7%D8%B1%D8%AA%D9%81%D8%A7%D8%B9-%D8%A8%D8%A7%D8%AF%DB%8C

[kavayo]

این بر میگرده به بحث responsive کردن فرم ها که خودش یه مقوله ای واسه خودش و برای اطلاعات بیشتر به لینک های زیر مراجعه کن :
http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
http://blog.teamtreehouse.com/beginners-guide-to-responsive-web-design
http://designmodo.com/responsive-design-examples/

[ravand]

سلام داداش
من تو پست قبلی یه تیکه کد دارم به جی کویری که ابعاد صفحه نمایش رو بهت میده
http://barnamenevis.org/showthread.php?455816-%D8%B1%DB%8C%D8%B3%D9%BE%D8%A7%D9%86%D8%B3%DB%8C%D 9%88-%DA%A9%D8%B1%D8%AF%D9%86-%D8%A7%D8%B1%D8%AA%D9%81%D8%A7%D8%B9-%D8%A8%D8%A7%D8%AF%DB%8C
این چیزی که شما دادید الان کجاش اندازه ی نمایشگر ها رو مثال زده!!!!!!!!!!!!:متفکر:

[ravand]

این بر میگرده به بحث responsive کردن فرم ها که خودش یه مقوله ای واسه خودش و برای اطلاعات بیشتر به لینک های زیر مراجعه کن :
http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
http://blog.teamtreehouse.com/beginners-guide-to-responsive-web-design
http://designmodo.com/responsive-design-examples/
من میدونم رسپانسیو چیه؟
شما الان سوال منو درست نخوندی!
من گفتم اگه میشه اندازه های نمایشگر ها رو بهم بگید؟ چون نمیخواستم از کدهای اماده و فریم ورک ها استفاده کنم.
فقط خواهشم این هست که اندازه ی نمایشگر ها رو بهم بدید.
متشکرم.

[sohail0098]

این چیزی که شما دادید الان کجاش اندازه ی نمایشگر ها رو مثال زده!!!!!!!!!!!!:متفکر:

<script>
$(document).ready(function () {
var w, h;
w = $(document).width().toString();
h = $(document).height().toString();
alert(w + ":::::" + h);
//$(body).css("background-color", "yellow");
$("#main").css("width", w);
$("#main").css("height", h);
});
</script>
بفرما داداش
با جی گویری سایز دیو مینم رو برابر سایز صفحه نمایش می کنم

[ravand]

<script>
$(document).ready(function () {
var w, h;
w = $(document).width().toString();
h = $(document).height().toString();
alert(w + ":::::" + h);
//$(body).css("background-color", "yellow");
$("#main").css("width", w);
$("#main").css("height", h);
});
</script>
بفرما داداش
با جی گویری سایز دیو مینم رو برابر سایز صفحه نمایش می کنم
حالا متوجه شدم منظور شما چیه؟
من این متدها رو باهاش کار کردم و قرار بود توی برنامه ام ازشون استفاده کنم ولی یکی از دوستان گفت برخی جاها مشکل پیدا میکنه ولی حالا یادم نیست گفت کجا دقیقا مشکل پیدا میکنه. برای همین از استفاده کردنش منصرف شدم.
برای شما تا حالا مشکلی پیدا نکرده؟

[sohail0098]

حالا متوجه شدم منظور شما چیه؟
من این متدها رو باهاش کار کردم و قرار بود توی برنامه ام ازشون استفاده کنم ولی یکی از دوستان گفت برخی جاها مشکل پیدا میکنه ولی حالا یادم نیست گفت کجا دقیقا مشکل پیدا میکنه. برای همین از استفاده کردنش منصرف شدم.
برای شما تا حالا مشکلی پیدا نکرده؟
جی کویری رو خودت لود میکنی و اکثر مرورگرا دیگه از جاوا پیروی میکنند
نه مشکلی تو گرفتن ابعاد داکیومنت نداشتم تاحالا
البته می تونی سلکتورش رو window کنی تا سایز صفحه نمایش رو هم بهت بده
من از سایز داکیومنت استفاده کردم و سایز رو خوب بهم میده بعدشم میتونم خوب به صورت درصدی مختصات بدم
فقط وقتی زوم پیج رو عوض میکنم دیگه طراحیم عوض میشه
بهرحال نمیشه گفت طراحی ریشپانسیو هست چون با تغییر زوم سایز و استایلم عوض نمیشه
ولی دیگه زیادم استاتیک نیست خودش مانیتورای مختلف رو تشخیص میده

[ravand]

چون با تغییر زوم سایز و استایلم عوض نمیشه
فکر میکنم با رفرش دوباره ی صفحه برنامه تشخیص بده نه؟ اگه اینطوری باشه به نظرم بهتره.

[sohail0098]

فکر میکنم با رفرش دوباره ی صفحه برنامه تشخیص بده نه؟ اگه اینطوری باشه به نظرم بهتره.

آره داداش با رفرش جواب میده
خواستم ایونت چنج دایومنت رو هم تست کنم ولی جواب نداد
تو لود اولیه درست جواب میده

[2undercover]

http://screensiz.es/monitor

[qartalonline]

رزولیشن ها زیادن ولی اصلی ترین آنها عرض شون بصورت زیر است:
1920
1280
1024
768
640
480
320

[vimax23]

سلام
من میخوام بدونم باید برای چند نوع نمایشگر قالبم رو ایجاد کنم؟ یعنی ابعاد این نمایشگر ها چیا هستند؟
مثلا crt ابعادش 768*1024 .
دیگر نمایشگر ها که سایت من باید باهاشون سازگار باشه چه اندازه هایی دارند؟
متشکرم.
تو دریم ویور از قابلیت فلویدش استفاده کنی میتونی ابعاد رو از کدی که میسازه ببینی ابعادش استاندارد هست

[ravand]

رزولیشن ها زیادن ولی اصلی ترین آنها عرض شون بصورت زیر است:
1920
1280
1024
768
640
480
320
الان این اندازه هایی که دادید اندازه ی عرض هستن یا ارتفاع؟
من در سوال اولم که پرسیدم میخواستم یه همچین چیزی بهم بدید:

768*1024 .
متشکرم

[ravand]

یکی از دوستان اینا رو بهم داد :
0 تا 320
+320 - 720
720 - 920
920 - 1200
+122
+1200

+1200 یعنی از 1200 به بالاتر
نظرتون چیه؟ روی همینا کار کنم؟

[vimax23]

یکی از دوستان اینا رو بهم داد :
0 تا 320
+320 - 720
720 - 920
920 - 1200
+122
+1200

+1200 یعنی از 1200 به بالاتر
نظرتون چیه؟ روی همینا کار کنم؟
فایرباگ که داری اونم رزلویشن های پرکاربرد رو برای تست داره ctrl+shift+m رو بگیر
تو سایت هایی که آنلاین میشه تست کرد رزلویشن ها رو هم همینا رو داره

[qartalonline]

الان این اندازه هایی که دادید اندازه ی عرض هستن یا ارتفاع؟
من در سوال اولم که پرسیدم میخواستم یه همچین چیزی بهم بدید:

768*1024 .

متشکرم
اندازه ها مربوط به عرض هستش. چون ارتفاع نقش زیادی نداره ننوشتم.

[ravand]

اینجا ابعاد وسائل استاندارد رو گذاشته:
http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
الان میشه در مدیا کوئری ابعاد رو به صورت انچ نوشت؟
مثلا بگیم: اگه نمایشگر ما 19 اینچ بود این کارها رو بکن؟

[ravand]

مشکلی که الان من باهاش درگیرم اینه که . تصویر زمینه ی سایتی که ساختم در نمایشگر crt کامل نشون میده ولی در lcd کامل نشون نمیده و پایین تصویرش ، دیده نمیشه. برای همین فکر میکنم به ارتفاع هم نیاز دارم.
در crt اینو نوشتم:

body{background:url(pic/zamine2.jpg); background-size: 100%;background-repeat:repeat-x;}

[qartalonline]

لینک زیر رو ببینید احتمالا مشکلتون حل بشه.
http://css-tricks.com/perfect-full-page-background-image/