نوشته اصلی توسط
mojtaba05
سلام٬
گوگل و سایت‌های اینترنتی بهترین معلم برای شما خواهند بود. رایج‌ترین روش ریسپانسیو سازی استفاده از مدیا کوئری ها هستند٬ مثلا :
کد:
@media screen and (max-width: 980px){
استایل
}
خب حالا در حالی که سایت رو در موزیلا دارید می بینید٬ کنترل٬ شیفت و ام رو همزمان بزنید و ببینید در اندازه مثلا 980 پیکسل اگر عرض نمایشگر باشه٬ کدوم قسمتها مشکل دارند. استایل های جدید رو در محلی که در بالا مشخص کردم بنویسید.
دوست عزیز٬ این یک توضیح خیلی کلی بود٬ بهتره تلاش و جستجو کنی تا بتونی به فوت و فن ریسپانسیو سازی تسلط پیدا کنی.
بله من 2 روز دارم گوگل رو بالا و پایین میکنم و به این کدی که شما ذکر کردید رسیدم...اما بازم هر کاری میکنم...اگر اشتباه نکنم کد مدیا کوئری رو باید در یه فایل css جدا استایل بدم و بعد توی کد <head> فراخوانی کنم...
که منم این کار ها رو میکنم ولی تغییری مشاهده نمیکنم!!!
<link href="saw.css" type="text/css" rev="stylesheet" rel="stylesheet">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
این کدها درسته واسه مدیا?
پاسخ : رسپانسیو قالب سایت
