• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
Alireza Xn

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

13 پست در این موضوع قرار دارد

با سلام

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

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

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

با تشکر

0

به اشتراک گذاری این پست


لینک به پست

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

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

1

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

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

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

سلام

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

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

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

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

به اشتراک گذاری این پست


لینک به پست

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

1

به اشتراک گذاری این پست


لینک به پست

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

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

1

به اشتراک گذاری این پست


لینک به پست

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

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

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

.

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

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

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

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

به اشتراک گذاری این پست


لینک به پست

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

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

3

به اشتراک گذاری این پست


لینک به پست

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

 

0

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

نقل قول

خیر دوست عزیز شما تمام اندازه هارو به جای 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){
  // برای صفحه های افقی
}

 

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

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری