Fluid Design הוא סגנון עיצוב שבו האלמנטים בעמוד מתאימים את עצמם לגודל המסך באמצעות יחידות מדידה יחסיות כמו אחוזים ו-em, במקום יחידות מדידה קבועות כמו פיקסלים. עיצוב נוזלי מאפשר לאתר להתאים את עצמו בצורה חלקה למגוון רחב של גדלי מסכים.

דוגמאות לשימוש ב-Fluid Design:

• יחידות יחסיות: שימוש ביחידות מדידה יחסיות כמו אחוזים ו-em כדי לקבוע את רוחב וגובה האלמנטים בעמוד.
• תמונות פלואידיות: עיצוב תמונות שמותאמות לגודל המסך באמצעות תכונת max-width: 100%.
• עיצוב טקסטים: שימוש ביחידות em לקביעת גודל הפונט, כך שהטקסטים יתאימו את עצמם לגודל המסך בצורה נוחה לקריאה.