כיצד להפוך את האתר שלך מתאים גדלי מסך שונים

שלב 1

לחץ על "קובץ" ולאחר מכן על "פתח" כדי לפתוח את דף האינטרנט שלך בעורך טקסט. בחר את דף האינטרנט שלך מהתפריט.

שלב 2

אתר את תג HEAD בדף האינטרנט שלך, מחפש את תגי ה- HTML וקרוב לראש דף האינטרנט שלך.

שלב 3

הוסף את בוררי תגי CSS בדיוק מעל התווית בתוך STYLE. זה יכול להיות "בודי" בורר או מזהה DIV או מיכל מחלקה אם אתה רוצה את התוכן להיות נפרד מהרקע של האתר. לדוגמה: "body {}" או "#container {}". ניתן להוסיף את שניהם כדי לשלוט בגודל של שני האלמנטים. בתוך STYLE, שני המאמרים צריכים להיראות כך:

שלב 4

הוסף את מאפיין הרוחב באחוז. לדוגמה, אם אתה רוצה את הגוף כדי לכסות את כל השטח של החלון, היית צריך לתת רוחב של 100%. אם אתה רוצה את המיכל יש שולי המציג את התחתונה, אז אתה יכול לתת ערך של 80%. באמצעות הדוגמה שלמעלה, הקוד יהיה "body {width: 100%;} #container {width: 80%;}".