🔹 مرورگرهایی که پشتیبانی میشن

Tailwind CSS از همه مرورگرهای مدرن پشتیبانی می‌کنه:

• ✅ Chrome

• ✅ Firefox

• ✅ Edge

• ✅ Safari

• ✅ Opera

📌 به طور کلی هر مرورگری که از Flexbox و CSS Grid پشتیبانی کنه، می‌تونه با Tailwind به خوبی کار کنه.

🔹 حداقل نسخه‌های مورد نیاز

• Chrome ≥ 64

• Firefox ≥ 67

• Edge ≥ 79 (نسخه Chromium)

• Safari ≥ 11

• iOS Safari ≥ 11

• Android Browser ≥ 6

🔹 مرورگرهای قدیمی

• ❌ Internet Explorer به طور کامل پشتیبانی نمیشه.

• برای پروژه‌هایی که نیاز به IE دارن، باید از polyfill یا استایل‌های سفارشی استفاده کنی (ولی پیشنهاد نمیشه).

🔹 Autoprefixer

Tailwind به صورت پیش‌فرض همراه با Autoprefixer کار می‌کنه.
یعنی ویژگی‌هایی مثل display: flex یا grid به طور خودکار برای مرورگرهای قدیمی‌تر پیشوند می‌گیرن.

📌 مثال:

.example {
  display: -webkit-box; /* برای مرورگر قدیمی Safari */
  display: -ms-flexbox; /* برای IE قدیمی */
  display: flex;        /* مرورگرهای جدید */
}

🔹 نکته مهم

• برای پروژه‌های مدرن → هیچ مشکلی نداری.

• اگه کاربران زیادی از مرورگرهای خیلی قدیمی استفاده می‌کنن → بهتره قبل از شروع پروژه تست کنی.

• می‌تونی با ابزار Can I Use چک کنی کدوم قابلیت‌ها توی چه مرورگری پشتیبانی میشه.