به هم ريختن صفحه در كامپوترها با اندازه صفحه مختلف ؟

[ایمان مدائنی]

سلام دوستان
مي خوام بدونم چطوري ميتونم كاري كنم كه ظاهر صفحه وبم در كامپوترهاي كاربران با اندازه صفحه مختلف بهم نريزه ؟
يعني مثلا رزولوشن 1024×768 و بزرگتر و كوچكتر ظاهر فرم من همونطور كه طراحي كردم باشه ؟
ممنون از لطف شما دوستان

[ایمان مدائنی]

دوستان كسي نميتونه كمك كنه
مادر WinApp كدي مي نويشتيم كه به محض اجراي برنامه اندازه صفحه كاربر رو به اندازه اي كه ما ميخواستيم تغيير ميداد و وقتي برنامه رو ميبست به حالت اول بر ميگشت
در اي اس پي چگونه اينكارو انجام بدم ؟

[A.S.Roma]

دوست من Win API رو که نمیشه تو وب استفاده کرد .

باید با کد HTML و CSS این کار رو انجام بدید.
یک راهش اینه که خصوصیت width را به % مقدار بدی تا px .

[ایمان مدائنی]

دوست خوبم ميدونم نميشه اگه ميشد كه ديگه سوال نميپرسيدم

حالا ميشه بيشتر توضيح بدي ؟
يكني جاي مقدار دهي به پيكسل از درصد استفاده كنم ؟
اينطوري درست ميشه ؟

[BlackPawn]

شما می تونید مقادیر عددی مربوط به صفحه و اشیاع داخل اون رو با % بدید
یعنی اگه در یک رزلوشن خاص اندازه یک کنترل رو می دید 900px ! ببینید در چند درصد میشه و مثلا وترد کنید
80%

[pedram_ns]

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

[Vahid_moghaddam]

همچنین می تونید بوسیله ایجاد یک جدول سایت رو در مرکز قرار بدید و یک اندازه مثلا 800 پیکسل براش در نظر بگیرید
چرا جدول؟


<div style='margin:0 auto 0 auto' ></div>'

[mehrdad201]

دوست عزیز
شما چند راه داری برای این نوع پیاده سازی



سایز صفحه رو ثابت بگیری. مثلا width صفحه رو 780 پیکسل بگیری و سایتت رو سنتر الاین کنی. یعنی کل محتویات سایتت رو بذاری توی یک تک center
صفحه رو full width بگیری. در این حالت بهتره ستون های کوچک رو مقدار ثابت بگیری. مثلا اگه سایتت 2 ستون داره. ستون کوچیک رو 300 پیکسل بگیر. ستون اصلی رو نیازی نیست بهش width بدی. تگ parent (منظورم container هست) رو هم باید 100% بگیری. در این حالت وقتی سایز صفحه تغییر میکنه ستون کوچیک ثابته و ستون اصلی بزرگ یا کوچیک میشه.
از درصد استفاده کنی. دوستان در بالا گفتند. مثلا ستون کوچیک رو بگیری 30% و ستون اصلی رو 70%
به صورت پویا عمل کنید. یعنی مثلا سایت در حالت اصلی 2 ستون داره. اگه کوچیک بشه مساله ای نیست. اما اگه سایز صفحه بزرگتر میشه. مثلا تو رزولیشن های بزرگ ، شما به صورت داینامیک میتونی ستون های صفحه رو زیاد کنی. با استفاده از خاصیت float (شناور) میتونی این کار رو انجام بدی.
برای هر ریزولیشن یه صفحه خاص طراحی کنید و بعد با استفاده از کدهای سمت کلاینت نوع بروزر و سایز رو تشخیص داده و کاربر رو به صفحه مربوطه هدایت کنید که این کار منسوخ شده است.

موفق باشید. یکم سرچ کنی مطلب زیاده.