نحوه درصد دادن برای نمایش ثابت در مانیتورها

faild

New Member
سلام


میخوام موقع طراحی قالب داخل تمام مانیتورها یک سایز ثابت ایجاد بشه


برای اینکار فهمیدم باید از درصد داخل دایو استفاده شود. اما آیا باید تمام قسمت هایی که از width استفاده میشه درصد داد یا فقط دایو کلی را ؟
 

echessdesign

مدیر انجمن طراحی وب
درود بر شما
% در روزلیشن های مختلف، با اندازه متفاوت ظاهر میشه!
شما باید ملاک رو Pixel بگیرید= px
 

faild

New Member
میخوام در تمام مانیتورها نحوه فاصله ها یکسان باشه که انگار باید با درصد انجام داد شنیدم که سایت های مهم را با درصد درست میکنند درسته آیا ؟ چون سخت ترم هست
 

echessdesign

مدیر انجمن طراحی وب
قدیم ها % بود، چون فقط بین رزولیشن 800*600 و 1024*768 سوئیچ میشد
اما الان فقط پیکسل استفاده میشه
 

686868

Member
سلام به همگی .. دوستان حالا اگه بخوایم مثلا تو همه سایزهای مختلف مانیتور مثلا 80 در صد از صفحه باشه چی ؟ البته میدونم که باید عرض رو 80% بذارم ... !! ولی دایوهای داخلش رو چیکار کنم ؟؟ اونا رو هم باید درصدی بذارم ؟؟ مثلا ده تا دایو تو در تو دارم ! اینجوری که خیلی سخت میشه !
 

Barnara

کاربر متخصص 3ds max
هروقت که دوست داشتید سایزش رابطه ی مستقیم با رزولوشن باشه از % استفاده کنید و اگر دوست داشتید ثابت باشه از پیکسل استفاده کنید.
 

hoceyn

Active Member
سلام


میخوام موقع طراحی قالب داخل تمام مانیتورها یک سایز ثابت ایجاد بشه


برای اینکار فهمیدم باید از درصد داخل دایو استفاده شود. اما آیا باید تمام قسمت هایی که از width استفاده میشه درصد داد یا فقط دایو کلی را ؟

دقت کنید. سایت های حرفه ای اصولا header سایت رو 100% l میزارن. که زمینه هدر رو هر مونیتوری کامل نمایش داده بشه. بعد میان محتویات هدر رو در مر کزش قرار می دن مثلا:

HTML:
<div id="header">
   <div class="content"> </div>

</div>

این css رو بنویسید :
[CSSS]#header {
width:100%;
background://somthings

#header .content
{
width:1000px;
margin:0 auto;
}
}[/CSSS]


سلام به همگی .. دوستان حالا اگه بخوایم مثلا تو همه سایزهای مختلف مانیتور مثلا 80 در صد از صفحه باشه چی ؟ البته میدونم که باید عرض رو 80% بذارم ... !! ولی دایوهای داخلش رو چیکار کنم ؟؟ اونا رو هم باید درصدی بذارم ؟؟ مثلا ده تا دایو تو در تو دارم ! اینجوری که خیلی سخت میشه !

ساده است. شما مثلا برای یک مونیتور 1024px پهنا رو 80% در نظر می گیرید. حالا تگ داخلی این تگ اگر پهنای 50% داشته باشه سایزش بر حسب پیکسل میشه : 0.5x0.8x1024

اکثر سایت های حرفه ای مثل فیس بوک در این نقاط از % استفاده می کنند:
1-header و footer
2-آلرت ها (پنجره هایی که روی بقیه با پوزیشن فیکس با ز میشه : css position:fixed)
3-جاهایی که با دقت روش کنترل javascript وجود داره تا در صورتی پهنای صفحه نا فرم شد یک سری از محتویات صفحه رو حذف کنه (مثلا چت کنار صفحه که فقط تو مونیتور های widescreen میاد)
 

itboys

New Member
بهترین پاسخی که میتونم بهتون بدم اینه که از responsive web design استفاده کنید...
 

جدیدترین ارسال ها

بالا