تنظیم درصدی ارتفاع نسبت به عرض

[Mohsen82]

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

[mrgraphy]

دوست عزیز سلام.
یه مقدار به حرفی که زدید فکر کنید متوجه میشید دارید اشبه میکنید.
شما اگر قرار باشه با یه نفر شریک بشید میگید 50% من و 50% تو. نمیگید 60% من 60% درصد تو چون غیر منطقیه.
حالا داستان حرف شما هم همینه.
ما توی وب از 1% داریم تا 100%.
حالا شما بنویس 1000000% مرورگر اون رو 100 حساب میکنه.

در ضمن اندازه div هایی که بر حسب درصد میباشند نسبت به عنصر خارجی خودشون سنجیده میشن.

[Mohsen82]

ممنون دوست عزیز.خوب من عرض رو با توجه به عرض Browser روی %20 تنظیم کردم
ارتفاع رو چه طور تنظیم کنم که نسبت عرض و ارتفاع به هم نخوره. ممنون.

[ya30ien2]

ارتفاع رو معمولا auto میزارن
حالا واسه چی میخواید ثابت باشه؟

[alaki_p]

سلام دوست خوبم
این کدی که می زارم عرض رو همیشه 20% صفحه و ارتفاع رو همیشه 40% صفحه نگه میداره. امیدوارم به دردت بخوره.

<div style='background-color:red;width:20%;min-height:40%;'>
</div>

اگر هم میخوایی که ارتفاعت همیشه با یه نسبتی از عرضت تغییر کنه باید با جی کوئری دست به کار بشی(فکر می کنم جی کوئری ساده ترین راه باشه، راهه های دیگه ای هم هست)
$('#div').height(this.width() * 2);


این کد همیشه ارتفاع رو دو برابر عرض div نگه می داره یعنی 200% جالا ضریبیو که می خوای خودت حساب کن... ;)