مشکل در طراحی واکنش گرا
سلام.یه سوال داشتم.چرا سایتی که من طراحی کردم http://sabz-design.ir/ وقتی زوم یا کوچیک میکنم صفحه مرورگر رو از ارتفاع قالب کم و زیاد می کنه ولی مثلا این سایت http://mohammadbanner.ir/# هرچی زوم میکنی یا کوچیک میکنی تمام قسمتاش متناسب با هم کوچیک و بزرگ میشن؟!!آیا باید عرض رو درصد بدیم یا ارتفاع رو ؟!
یه توضیح بدید که دقیقا باید چیکار کنم تا طراحی من کاملا واکنش گرا باشه؟!
باید قالبتون رو ریسپانسیو بکنید ، میتونید از بوت استرپ استفاده کنید. http://getbootstrap.com/2.3.2/
چی هست این؟!!
سلام.نوشته شده توسط jaboli
این یک CSS Framework هستش که بصورت Responsive طراحی شده و مانند 960GS و دیگر Framework ها یا Grid System های قدیمی،
برای Fixed Width طراحی نشده. البته دوستان نسخه قدیمی تر Bootstrap رو معرفی کردن، اما نسخه جدید همین Framework در واقع
بر اساس Mobile First Approach طراحی شده که کنترل بیشتری روی سایت، هنگامیکه سایت روی Tablet، Smartphone و ... دیده میشه
داشته باشید.
هر دو سایتی هم که معرفی کردید، ایرادهای عمده ای دارن که البته بحث در مورد اونها از حوصله این تاپیک خارجه...
موفق باشید.
پ.ن.: نمونه سایت هایی که با Bootstrap ساخته شده رو می تونید اینجا ببینید.
Bootstrap یک css فریم ورک هست یه سری css از قبل نوشته شده و اماده و استاندارد
css framework رو search کن همه چی دستگیرت میشه منتها Bootstrap حجمش واسه صفحه زیاده صفحه رو سنگین میکنه فریم ورکای دیگه ای هم هست که رسپانسیو باشن مثل
Unsemantic
Foundation
Less Framework
Skeleton
Responsive Grid System
و کلی دیگه چند تا مثال بود از هر چی راحتی استفاده کن
اینها که گفتم منبع خوب واسه یاد گیری ندارن یا من پیدا نکردم ولی واسه Bootstrap میتونی بری اینجا
قوانین ایجاد تاپیک در تالار
پاسخ با نقل قول