نحوه تنظیم صفحه برا ی تمام رزلوشن ها(دوستان خواهشا کمک کنید اگز اطلاع دارید)

[salah5659]

با سلام خدمت دوستان گرامی.
test.mecp.ir
مشکل من توی این سایت اینه که اسلاید شو من، در رزلوشن های پایی خوب نشون میده و از صفحه بیرون نمیزنه
ولی در رزلوشن های دیگه بدجور نشون میده.
اینم بگه من عرض عکس ها رو 1350 پیکسل قرار داد. میدونم هم مشکل از عرض عکشه.
چیکار باید بکنم که عرض عکس ها در تمام رزلوشن ها درست کار کنه و همچنین، padding و margin هایی که تو صفحه دارم توی رزولوشن های متفاوت درست کار نمی کنه. مثل عکس هایی که در وسط صفحه قرار دادم.
ممنو میشم راهنمایی کنید.

[harand1]

سلام ریسپانسیو رو سرچ کن !

[ashkufaraz]

به جای استفاده از مقایس اندازه px فکر کنم اگر از % استفاده کنی درست بشه

[salah5659]

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

[r4hgozar]

سلام.
شما برای اینکه یک دایو و کلا یک عنصرتون و یا کل صفحتون بخواد تو رزولیشن های مختلف به قول شما و یا عامیانه تر این که واکنشکرا و یا Responsive باشه باید یا با استفاده از css3 و html5 عناصر رو بصورت دقیق با ویيگی های خاص کنار هم بچینین(البته بدون html5 هم میشه) و یا از فریم ورک هایی مثل بوت استرپ و .. استفاده کنین.
شما باید مقداری درباره طراحی واکنشگرا مطالعه کنید. فقط درصد کار کردن صفحه رو واکنشگرا نمی کنه
موفق باشید

[salah5659]

رزلوشن تصاویر رو با media درست کردم، ولی فقط در مرور گر کروم درست نشون میده و در دیگر مرورگر ها درست کار نمیکنه
لطفا راهنمایی کنید.

[دانیال دزفولی]

قاعده ی کلی ریسپانسیو به صورت زیره


@media screen and (max-width: 1200px) {
body {
width: 980px;
}
}


فقط کاقیه عدد هارو عوض کنی

و توی اندازه های مختلف استایل المنت ها رو اضافه و ویرایش کنی

[salah5659]

@media (max-width: 768px) { #aks{ height:400px; width:100%;
}

}/* For smaller displays like laptops */ @media (min-width: 768px) and (max-width: 1024px) {
#aks{ height:400px; width:100%;
}

} /* For larger displays */ @media (min-width: 1024px) {
#aks{ height:400px; width:100%;
}
}
با سلام
کدی که برای رسپانسیو گردن عکس ها استفاده کردم به صورت بالاست.
حالا نمی دونم کجای کدم مورد داره. در ضمن رزلوشن تصاویر رو 1600 قرار دادم. مشکل اینه که فقط برای مرور گر کروم درست کار میکنه و در مرورگرهای دیگه کار نمی کنه.
لطفا راهنمایی کنید.

[salah5659]

با سلام به دوستان عزیز.

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