تغییر اندازه اشیا براساس عرض صفحه

[علیرضا5]

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

https://onebill.parsonline.com/OneBill/Login.aspx?ReturnUrl=Login.aspx

با تشکر

[Mohammad_dn]

سلام
اگه درست متوجه شده باشم
شما میتونی با css بر اساس % کارکنی و یا با استفاده از javascript و jquery کارتو راه بندازی

[kamranetemadi]

از bootstrap استفاده کن

[علیرضا5]

سلام
اگه درست متوجه شده باشم
شما میتونی با css بر اساس % کارکنی و یا با استفاده از javascript و jquery کارتو راه بندازی


سلام ممنون
همون منم با استفاده از درصد در سی اس اس بود
ولی چطور از یه عرضی بیشتر به جای درصد از اندازه ثابت استفاده کرده

[پیام حیاتی]

https://www.emailonacid.com/blog/article/email-development/emailology_media_queries_demystified_min-width_and_max-width

[علیرضا5]

https://www.emailonacid.com/blog/art..._and_max-width


متشکرم ولی ظاهرا این کد برای تنظیم ابعاد صفحه هست که برای رزولوشن های مختلف خصوصا موبایل کاربرد داره که سی اس اسش هم در اینترنت پیدا میشه
اگه میشه یک نمونه معرفی بفرمایئد که اندازه اشیا مثلا یک تکست باکس رو تنظیم بکنه
مثل سایتی که نمونه اش رو گذاشتم
با تشکر

[پیام حیاتی]

متشکرم ولی ظاهرا این کد برای تنظیم ابعاد صفحه هست که برای رزولوشن های مختلف خصوصا موبایل کاربرد داره که سی اس اسش هم در اینترنت پیدا میشه
اگه میشه یک نمونه معرفی بفرمایئد که اندازه اشیا مثلا یک تکست باکس رو تنظیم بکنه
مثل سایتی که نمونه اش رو گذاشتم
با تشکر




تفاوتی نداره ، برای سایر کلاس ها و عناصر هم می توانید استفاده کنید.

[علیرضا5]

@media only screen and (min-width: 907px)
{
#main_center7
{
width: 80% ;float:left ; direction:rtl; margin-left :2px;
border-style: solid; border-width: 1px; border-color :#4484F1;
border-radius:15px 15px 15px 15px;
}
}



ممنونم مطلبتون مفید بود
این کدی که نوشتم یک دیو رو تغییر میده در min-width: 907px
آیا میشه یک تکست باکس از یکی از فرمها رو هم داخل این سی اس اس اضافه کرد
منظورم اینه که اون تکست باکس مستقل از دیو عمل کنه

[پیام حیاتی]

@media only screen and (min-width: 907px)
{
#main_center7
{
width: 80% ;float:left ; direction:rtl; margin-left :2px;
border-style: solid; border-width: 1px; border-color :#4484F1;
border-radius:15px 15px 15px 15px;
}
}



ممنونم مطلبتون مفید بود
این کدی که نوشتم یک دیو رو تغییر میده در min-width: 907px
آیا میشه یک تکست باکس از یکی از فرمها رو هم داخل این سی اس اس اضافه کرد
منظورم اینه که اون تکست باکس مستقل از دیو عمل کنه


@media only screen and (min-width: 907px){
.main_center7{
width: 80% ;
float:left ;
direction:rtl;
margin-left :2px;
border: solid 1px #4484F1;
border-radius:15px 15px 15px 15px;
}

.main_center7 input[type=text]{
/* This is a single-line comment */
}
}