مشکل در طراحی صفحه با پیکسل

[hana1369]

سلام خدمت همه برنامه نویسان
دوستان من همیشه تو طراحی صفحه هام مشکل دارم
با پیکسل و %
اگه پیکسل باشه سایز صفحه یا المنت تو رزولیشن های متفاوت فرق میکنه
آیا فرمولی وجود داره که پیکس رو تبدیل کنم به %؟
خیلی ممنون میشم کسی کنم کنه
مثلا من یه عکس دارم اندازه اش 300*1000 پیکسل است
چطوری این سایز رو تبدیل کنم به %؟
که تو هر رزولیشنی خوب نشون بده؟

[mRizvandi]

دوست عزیر این چیزی که شما می گید، اصلا منطقی نیست، یعنی این دو مقیاس در حالت کلی ارتباطی با هم ندارن که بشه بهم تبدیلشون کرد. (یه خرده به ریاضی هم توجه بفرمایید)
تنها حالتی که می تونبد تبدیل کنید این هست که بدونید عرض صفحه چقدر هست!
بعد اون 1000 پیکسل شما نسبت به عرض صفحه میشه چند درصد!!!
در کل دو روش برای طراحی پیشنهاد میشه، اگر می خواهید شناور کار کنید، فقط از درصد استفاده کنید، در غیر اینصورت فقط از پیکسل استفاده کنید. (استاندار فعلی هم 1204 هست، استاندارد قبلی هم 800 بود)

[hana1369]

با سلام
من از کجا بدونم عرض صفحه چقدره؟
تازه تو همه سیستم ها عرض صفحه که با هم برابر نیست!
هست؟

[mRizvandi]

خوب دوست من دقیقا مشکل همیجاست که نمیشه درصد رو به پیکسل تبدیل کرد.
ولی می تونی با جاوا اسکریپت اندازه صفحه رو بدست بیاری.
درکل پیشنهاد میکنم یا روش پیکسلی رو برو، یا روش شناور رو.
استاندارد فعلی برای روش پیکسلی هم 1024 هست که شما باید اندازه ای حدود 980 رو برای Page Content در نطر بگیری

[b.paseban]

با سلام
من از کجا بدونم عرض صفحه چقدره؟
تازه تو همه سیستم ها عرض صفحه که با هم برابر نیست!
هست؟
سلام بر شما.
شما میتونید برای صفحه با اندازه های متفاوت استایل های متفاوت در نظر بگیری.


<link rel='stylesheet' media='screen and (min-width: 1300px) and (max-width: 1366px)' href='FilesTemplate/Css/PageScroll.css' />

توی مثال بالا اگه عرض صفحه (اندازه کنونی مرورگر در حالت Maximize) بین 1300px , 1366px باشه PageScroll.css اجرا میشه که ما با توجه به مقیاس های خودمون المنت های داخل اون فایل رو یا با px یا % مقدار دهی کردیم.از این روش برای طراحی نسخه موبایل هم استفاده میشه.(بدون نیاز به صفحه اضافه ای مثلا با آدرس Mysite.com/Mobile)
میشه مقادیر متفاوتی و فایل های css متفاوتی رو توی سایت بکار برد.