ایجاد سایت برای همه نوع رزولوشن و پلتفورم

[elhamirani]

درود من میخواستم یه سایت بسازم که هم برای پرینت کردن هم برای گوشی و هم برای کامپیوتر باشه و با هر رزولوشنی بشه سایت رو دید
سپاس

[mehbod.rayaneh]

سلام
برا ساختن سایتی ک به صورت واکنشگرا یا رسپانسیو باشه میتونید از http://rbootstrap.ir/ استفاده کنید.
آموزشش هم توی سایت http://quicklearn.ir/ موجود هست.
برا پرینت هم اگه شما media=print نسازید به همون صورتی ک در مرورگر نمایش داده میشه پرینت میشه و اگه 1 استایل برای پرینت بسازید مطابق همون استایل پرینت گرفته خواهد شد.
(البته شاید بوتاسترپ خودش پرینت هم داشته باشه! ولی من بی اطلاعم)

[elhamirani]

میشه بیشتر راهنمایی کنید؟

[mehbod.rayaneh]

درود
به این سایت توجه کنید :
http://rbootstrap.ir/
حالا تو مرورگر موزیلا قسمت responsive design view را فعال کنید.
حالا اندازه صفحه را کم و زیاد کنید! میبینید ک سایت با کم و زیاد شدن اندازه واکنش نشون میده و کوچیک میشه و عمرا اسکرول افقی نمیخوره!
ب این میگن طراحی واکنشگرا یا رسپانسیو!
برا این ک طراحیتون به این صورت باشه شما باید ب جای پیکسل از درصد استفاده کنید! ولی این کار در عمل بسیار مشکله!
برا این ک کارتون راحت بشه و سریع تر بتونید کار کنید 1 سری فریم ورک درست شده! یکیش همی بوت استرپ هست!
بوت استرپ استایل را در اختیار شما قرار میده و شما فقط کافیه از اون استفاده کنید!
گفتم ... آموزش استفاده ازش تو http://quicklearn.ir/ هست! میتونید اونا را دانلود کنید و ازشون استفاده کنید.
در مورد media=print هم اتفاقا دیشب دیدم خودش داشت! ینی شما فقط کافیه از بوت استرپ استفاده کنید و در کار باهاش مهرت پیدا کنید تا بتونید با 1 استایل برای تمام چیزایی ک گفتید 1 طراحی زیبا داشته باشید.
موفق باشید.

[soroush.r70]

آموزش طراحی وب سایت با استفاده از تکنیک responsive
(http://barnamenevis.org/showthread.php?378702-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%A8%D8%A7-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-%D8%AA%DA%A9%D9%86%DB%8C%DA%A9-responsive&highlight=%D8%B1%DB%8C%D8%B3%D9%BE%D8%A)
طراحی برای تمامی پلتفرم ها (http://barnamenevis.org/showthread.php?378702-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%A8%D8%A7-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-%D8%AA%DA%A9%D9%86%DB%8C%DA%A9-responsive&highlight=%D8%B1%DB%8C%D8%B3%D9%BE%D8%A)