تغییر کردن اندازه صفحه html در سیستم های مختلف

[Alireza Xn 1644]

با سلام

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

من چطوری میتونم کاری کنم واسه همه سیستم ها و رزلوشن ها یک اندازه تایین شده ایی رو نشون بده ؟؟؟

اینم لینک آنلاین : http://iranian-cs.com/egaming/

با تشکر

[Morteza 34190]

الان تست کردم ثابت هست

جایی تغیر نمیکنه

[Alireza Xn 1644]

الان تست کردم ثابت هست

جایی تغیر نمیکنه

سلام

نه دیگه الان من با لب تاپم که صفحه نمایش کوچکتری نسبت به مانیتور PC داره وارد سایت میشم سایز صفحه تغییر میکنه ! و مثلا عکس آخر اسکرول میشه !

من میخوام توی همه صفحه نمایش ها یک اندازه داشته باشه و جایی از صفحه اسکرول نشه ..

با طراحی Respone size میشه این مشکل رو بر طرف کرد ؟؟؟

ویرایش شده مهر 92 توسط RapiD AM

[سعید شعبانی 2047]

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

[Alireza Xn 1644]

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

دقیقا !! منظورم همینه میخوام عکس ها اسکرول نشن و در یک جا ثابت نمایش داده بشن ..

[سعید شعبانی 2047]

دقیقا !! منظورم همینه میخوام عکس ها اسکرول نشن و در یک جا ثابت نمایش داده بشن ..

خوب باید از مدیا کوئری استفاده کنید. یعنی ساخت قالب به صورت ریسپانسیو

[Alireza Xn 1644]

خوب باید از مدیا کوئری استفاده کنید. یعنی ساخت قالب به صورت ریسپانسیو

توی اینجور طراحی ها باید واسه هر رزلوشن یک استایل تعریف کنم ؟؟؟

[alireza.nh 318]

توی اینجور طراحی ها باید واسه هر رزلوشن یک استایل تعریف کنم ؟؟؟

اینجوری که برای هر یه پیکسل یه پیکسل باید استایل زد!

.

خیر دوست عزیز شما تمام اندازه هارو به جای px به % وارد کن(داخل style.css )

و برای main اصلی صفحه ، max-width بزارید البته به px!

البته امیدوارم متوجه شده باشید ! اگه نه بگین بیشتر توضیح بدم.

ویرایش شده مهر 92 توسط alireza.nh

[سعید شعبانی 2047]

توی اینجور طراحی ها باید واسه هر رزلوشن یک استایل تعریف کنم ؟؟؟

نه. شما اول برای کل رزلوشن ها یک استایل واحد می نویسید بعد با استفاده از مدیا کوئری ها برای هر رزلوشن دیگری که خواستید بخشی یا کل استایل را تغییر می دهید.

[mehran 5555 0]

از src استفاده کن و رزولشن اونو روی اندازه ثابت مورد نظر انتخاب کن :

 

[mehran 5555 0]

ok!

[mehran 5555 0]

این روش هایی که میدین علکی سردرگم میکنه بدبختو

[Fast-Learn 33]

نقل قول

خیر دوست عزیز شما تمام اندازه هارو به جای px به % وارد کن(داخل style.css )

همه جا از درصد استفاده کنه؟!

نه دوست عزیز

هر قسمتی یه راهی داره

این @media ای هم که میگن اینطوری ازش استفاده میکنید و نیازی به پیکسل به پیکسل تعریف کردن نداره:

@media screen and (max-width: 992px){
  // کد های سی اس اسی که میخواید توی اندازه 992 پیکسل به پایین فعال باشند
}
@media screen and (min-width: 601px){
  // کد های سی اس اسی که میخواید توی اندازه 601 پیکسل به بالا فعال باشند
}
@media screen and (min-width: 400px) and (max-width: 600px){
  // کد های سی اس اسی که میخواید توی این محدوده فعال باشند
}
@media screen and (orientation:portrait){
  //برای صفحه های عمودی
}
@media screen and (orientation:landscape){
  // برای صفحه های افقی
}

 

ویرایش شده تیر 96 توسط Fast-Learn