درخواست دو کد

[AMIR1376 6]

با سلام

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

حالا مشکل من با این دو کد هست سایر کد ها با تغییر رزولیشن تغییر میکنه (قالب رسپانسیو هست )

اما این دو کد

1-مشکل اول با کد ارتفاع هدر هست که اندازه اش با پیکسل هست و با رزولیشن های متفاوت به هم میریزه و وقتی میخوام به جای پیسکل از درصد استفاده کنم هم کار نمیکنه

این هم کد هدر که مشکل با ان عدد 521 هست

#header {
position: relative;
height: 521px;
margin-bottom: 20px;
}

2-مشکل دوم میخوام یک بک گراند اپلود کنم برای سایت اما بک گراند با تغییر رزولیشن به هم میریزه ممنون میشم توضیح بدید چه کدی را اضافه کنم تا با تغییر رزولیشن بک گراند هم به همون اندازه تغییر بکنه

سپاس از استادان عزیز برای پاسخ گویی

[kasra 4929]

برای اینکه بتونید تغییر خودکار بده اندازه باید به صورت زیر استفاده کنید :

مثلا اگر اندازه صفحه نمایش کاربر 400px بود اندازه هیدر تغییر کنه به دلخواه :

@media only screen and (width:400px) {
#header {
height:100px;
}
}

[imanfakhar 26231]

به بک گراند می تونید % بدید اندازه ی ارتفاع رو هم که فرمودند

background-size:100% 100%;

[AMIR1376 6]

با تشکر از استادان عزیز بابت پاسخ گویی

هردو این روش هارو پیش از پرسش امتحان کرده بودم

برای مشکل اول اگر من بخوام از این روش استفاده کنم اگر کسی مرورگر رو به فرض به اندازه 365کوچک کنه بازهم قالب مشکل پیدا میکنه حتی اگر از ماکسیمم استفاده کنم و با فاصله 50پیسکل کد جدید تنظیم کنم برای ارتفاع !!! مگر این که از 1تا 2000رو یکی یکی ارتفاع بدم پس این روش مشکل ارتفاع رو حل نمیکنه متاسفانه

و این که میشه بیان کنید چرا درصد برای ارتفاع کار نمیکنه و حتما باید با پیکسل باشه ؟؟؟؟؟

اما برای مشکل دوم این روش برای بک گراند رو خودم هم انجام داده بودم اما نمیدونم چرا وقتی از کد بک گراند سایز استفاده میکنم وقتی قالب کوچک میشه و رزولیشن تغییر میکنه بک گراند ریسایز میشه اما بخش های دیگه مثل ساید بار و فوتر و پست که قبلا به خوبی ریسایز میشند دیگه ریسایز نمیشن و شکل قالب به هم میخوره

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

[اشکان 1989]

با تشکر از استادان عزیز بابت پاسخ گویی

هردو این روش هارو پیش از پرسش امتحان کرده بودم

برای مشکل اول اگر من بخوام از این روش استفاده کنم اگر کسی مرورگر رو به فرض به اندازه 365کوچک کنه بازهم قالب مشکل پیدا میکنه حتی اگر از ماکسیمم استفاده کنم و با فاصله 50پیسکل کد جدید تنظیم کنم برای ارتفاع !!! مگر این که از 1تا 2000رو یکی یکی ارتفاع بدم پس این روش مشکل ارتفاع رو حل نمیکنه متاسفانه

و این که میشه بیان کنید چرا درصد برای ارتفاع کار نمیکنه و حتما باید با پیکسل باشه ؟؟؟؟؟

اما برای مشکل دوم این روش برای بک گراند رو خودم هم انجام داده بودم اما نمیدونم چرا وقتی از کد بک گراند سایز استفاده میکنم وقتی قالب کوچک میشه و رزولیشن تغییر میکنه بک گراند ریسایز میشه اما بخش های دیگه مثل ساید بار و فوتر و پست که قبلا به خوبی ریسایز میشند دیگه ریسایز نمیشن و شکل قالب به هم میخوره

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

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

[imanfakhar 26231]

برای مشکل اول اگر من بخوام از این روش استفاده کنم اگر کسی مرورگر رو به فرض به اندازه  365کوچک کنه بازهم قالب مشکل پیدا میکنه حتی اگر از ماکسیمم استفاده کنم  و با فاصله 50پیسکل کد جدید تنظیم کنم برای ارتفاع !!! مگر این که از 1تا 2000رو یکی یکی ارتفاع بدم   پس این روش مشکل ارتفاع رو حل نمیکنه متاسفانه 

اگر با کد نویسی آشنایی داشته باشید این اتفاق نمی افته

معمولا سایدبار ها را تا انتها ری سایز نمی کنند از یک اندازه ای کوچکتر که شد display:none می گیرند

و این که میشه بیان کنید چرا درصد برای ارتفاع کار نمیکنه و حتما باید با پیکسل باشه ؟؟؟؟

درصد در ارتفاع کار می کنه مشروط بر اینکه براش مقدار تعریف شده باشه یعنیاندازه ی تگ والد مشخص باشه حالا یا با درصد یا پیکسل که در مورد شما باید با درصد مشخص شه در نتیجه تمام تگهای والد تا html باید با درصد اندازه گذاری بشند

اما برای مشکل دوم این روش برای بک گراند رو خودم هم انجام داده بودم اما نمیدونم چرا وقتی از کد بک گراند سایز استفاده میکنم وقتی قالب کوچک میشه و رزولیشن تغییر میکنه بک گراند ریسایز میشه اما بخش های دیگه مثل ساید بار و فوتر و پست که قبلا به خوبی ریسایز میشند دیگه ریسایز نمیشن و شکل قالب به هم میخوره

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

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

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

در ضمن رسپانسیو کردن قالب را به اینصورت چک نکنید چون کاربر که قرار نیست در آن واحد تمام سایزها را ببینه

مونیتورتون رو روی یک سایز بگذارید اون رو ست کنید و بعد سایز را تغییر بدید و تمام موارد مورد نیاز را باز براش ست کنید و برید سراغ سایز بعدی که بتونید با سرعت واقعی که کاربر قراره ببینه سایت رو ببینید

[AMIR1376 6]

با سپاس از استاد عزیز حل شد