گزینه ها
roya1

responsive کردن صفحه ی html

حل شده  HTML/XHTML

توسط roya1 در 1 هفته پیش
13011 هفته پیش
سلام
خسته نباشید
من میخام یک صفحه html که responsive باشه طراحی کنم من همیشه شنیدم که برای اینکار باید از تگ مدیا یا از کلاس های بوت استرپ استفاده کنم. آیا حتما باید از اینا استفاده کرد؟ آیا نمیشه خودم width بدم؟ مثلا محتوا 600px و sidebar 200px و...؟
اگر براتون ممکنه یه مثال ساده در این باره بزنید که من بتونم درک کنم که چطور باید سایت responsive باشه مثل همین سایت
خیلی ممنون
آخرین ویرایش: 02-12-2017 ساعت 16:21، توسط Reza.irdev
پاسخ
سلام خوش اومدین.
رسپانسیو کردن صفحه برای این استفاده میشه که صفحه شما تو همه دیوایس ها مثل کامپیوتر رومیزی موبایل و تبلت خوب دیده بشه.
شما مجبور نیستین از بوت استرپ استفاده کنید اما باید از تگ media استفاده کنید. که خود بوت استرپ هم همین کارو میکنه.
اگر به width مقدار ثابت بدید بعد تو اندازه های مختلف صفحه شما تغییر نمیکنه. بهش میگن Fixed width.

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

یه آموزش مختصر و سریع هم نوشتم میتونید مطالعه کنید: https://www.irdevs.com/discuss/2851
آخرین ویرایش: 02-12-2017 ساعت 19:26، توسط Reza.irdev
پاسخ