responsive کردن صفحه ی html

حل شده 

HTML

توسط roya1 در 2 سال پیش
1 108.3k 1 2 سال پیش
roya1 reza
0

سلام
خسته نباشید
من میخام یک صفحه html که responsive باشه طراحی کنم من همیشه شنیدم که برای اینکار باید از تگ مدیا یا از کلاس های بوت استرپ استفاده کنم. آیا حتما باید از اینا استفاده کرد؟ آیا نمیشه خودم width بدم؟ مثلا محتوا 600px و sidebar 200px و...؟
اگر براتون ممکنه یه مثال ساده در این باره بزنید که من بتونم درک کنم که چطور باید سایت responsive باشه مثل همین سایت
خیلی ممنون

آخرین ویرایش: 02-12-2017 ساعت 16:21، توسط Reza

پاسخ ها

0

سلام خوش اومدین.
رسپانسیو کردن صفحه برای این استفاده میشه که صفحه شما تو همه دیوایس ها مثل کامپیوتر رومیزی موبایل و تبلت خوب دیده بشه.
شما مجبور نیستین از بوت استرپ استفاده کنید اما باید از تگ media استفاده کنید. که خود بوت استرپ هم همین کارو میکنه.
اگر به width مقدار ثابت بدید بعد تو اندازه های مختلف صفحه شما تغییر نمیکنه. بهش میگن Fixed width.

شما با استفاده از تگ Media@ میتونید مشخص کنید صفحه شما تو اندازه های مختلف چطور باشه.
با این مثال سایت w3schools میتونید متوجه موضوع بشین کاملا.

یه آموزش مختصر و سریع هم نوشتم میتونید مطالعه کنید: https://www.irdevs.com/discuss/2851

آخرین ویرایش: 02-12-2017 ساعت 19:26، توسط Reza

خوش آمدید

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