# Studio Editor: הגדרת גודל האלמנטים

Source: https://support.wix.com/he/article/studio-editor-%D7%94%D7%92%D7%93%D7%A8%D7%AA-%D7%92%D7%95%D7%93%D7%9C-%D7%94%D7%90%D7%9C%D7%9E%D7%A0%D7%98%D7%99%D7%9D (updated 2026-10-07)
Related: Wix developer documentation, https://dev.wix.com/docs/llms.txt; Help Center index, https://support.wix.com/en/llms.txt

בזמן שאתם מעצבים את האתר, חשוב לוודא שהוא נראה טוב בכל מסך. ב-Studio Editor, אתם מגדירים את שינוי הגודל ב-px\*‎, וההתנהגות הרספונסיבית דואגת לכל השאר.

רוב האלמנטים מגיעים עם התנהגות ברירת מחדל (לדוגמה, קנה מידה פרופורציונלי) ששולט באופן שינוי הגודל שלהם במסכים אחרים. אתם תמיד יכולים לשנות את התנהגות ברירת המחדל להתנהגות שתואמת יותר את הצרכים שלכם.

> px\*‎ היא יחידת מידה גמישה, שגודלה יחסי ל[גודל העמוד ב-editor](https://support.wix.com/he/article/studio-editor-הגדרת-גודל-העריכה).

[Video](https://youtu.be/K3lFksDE4y4?si=Uu4u83_yCx79wLPx)

> **טיפ:** באפשרותכם להגדיר את גודל האלמנט ואת ההתנהגות הרספונסיבית שלו בכל [נקודת ברייקפוינט](https://support.wix.com/he/article/studio-editor-עיצוב-בין-נקודות-ברייקפוינט-שונות).

---

## שינוי הגודל של אלמנט

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

בחלונית Inspector (עריכה), תוכלו לבדוק את הרוחב והגובה המדויקים של האלמנט. אם צריך, אתם יכולים להכניס ערכי רוחב וגובה משלכם.

> **תנו ל-Inspector (עריכה) לחשב בשבילכם:** לנוחותכם, אתם יכולים להשתמש בחיבור ( + ), חיסור ( -), כפל ( \* ) וחילוק ( / ) בעת הקלדת ערכי גודל. לדוגמה, הרחיבו את האלמנט פי 3 על ידי הוספת ‎\*3 ליד הרוחב הנוכחי.

![GIF שמראה איך להשתמש בידיות האחיזה לגרירה כדי לשנות את הגודל של אלמנט בקנבס](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/11/ce91824d-5fb1-4469-9ea9-c3285e31d2f4/a708742e-5721-4aa0-a4ec-47202f3ce545.gif)

> **נתקלים בבעיות בשינוי הגודל?** צפו ב[סרטון פתרון הבעיות שלנו](https://www.youtube.com/watch?v=F9JG6d6MgkI) כדי ללמוד איך לפתור בעיות במקטעים וקונטיינרים שלא ניתן לשנות את גודלם.

---

## שינוי גודל אלמנטים של מדיה

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

משמעות הדבר היא שכשאתם משנים את הרוחב, הגובה מותאם אוטומטית (ולהיפך) כדי לשמור על הצורה המקורית של האלמנט.

**אילו אלמנטים של מדיה כוללים את האפשרות הזו?**

* תמונות
* אנימציות Lottie
* צורות
* גרפיקה וקטורית
* נגני וידאו
* VideoBox
* סרטונים שקופים

![קובץ GIF שמראה איך נראה שינוי הגודל של אלמנט על הקנבס כשנועלים את יחס הרוחב-גובה](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/11/e417590a-fa95-4246-8f14-5a01523fd04d/cbf98daa-b8e7-4a26-8571-a755c170872e.gif)

### כדי לנעול את יחס הרוחב-גובה:

1. בחרו את אלמנט המדיה הרלוונטי.
2. הקליקו על החץ **לפתיחת חלונית ה-Inspector** (עריכה) ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/2dd40586-1f79-4376-aee0-387212a246bb/dfed4075-2e24-4ad8-a7c4-8857038d5f16.png) מימין למעלה.

![החץ שעליו מקליקים ב-Studio Editor כדי לפתוח את חלונית ה-Inspector](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/03/07/69c68839-ed1a-4d4f-bc47-ee1332791b27/70af1fd3-bf77-47b6-9f50-4d12d442367d.png)

1. הקליקו על האייקון של **נעילת יחס הרוחב-גובה** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/11/09/53cf6c58-6f75-4798-a301-857225d7027f/121ffc13-e4d9-4e30-99b3-469b8e7115df.png) תחת **Size** (גודל).
2. יש שתי דרכים לשנות את גודל האלמנט:  
   * להכניס את ערך הרוחב או הגובה בחלונית ה-Inspector (עריכה) (הערך השני יותאם אוטומטית).  
   * לגרור את נקודות האחיזה של האלמנט על גבי הקנבס.

![תמונה על הקנבס ליד חלונית ה-Inspector. העכבר מקליק על האייקון כדי לנעול את יחס הרוחב-גובה](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/11/cbb462e1-9d64-4b2a-8b03-c82fa26aea8d/ecf2086d-86a4-4f7c-ad4e-7941a997a020.png)

> **הערה:** האפשרות הזאת לא זמינה במצב הגדרות מתקדמות.

---

## הגדרת הגודל ב-px*‎

px**\*** היא יחידת מידה זורמת ב-Studio Editor. היא מאפשרת לערוך את התאמת הגודל באמצעות מידה מוכרת (פיקסלים), בעוד שהמידה מאחורי הקלעים היא רספונסיבית.

במילים אחרות, אתם מעצבים בפיקסלים שמייצגים את הגודל על הקנבס, והאלמנט נשאר רספונסיבי. הערכים ויחידות הגודל הספציפיים תלויים בהתנהגות הרספונסיבית שתבחרו. עמדו עם העכבר מעל **px\*‎** כדי לראות את החישוב ואת יחידת הגודל הרספונסיבית שבה נעשה שימוש.

בדוגמה שלמטה, רוחב הקונטיינר על הקנבס הנוכחי הוא ‎330 px\*‎. היחידה היא למעשה אחוזים, כך שהרוחב הוא יחסי (25.8% מכל מסך).

![מעבר עם העכבר מעל px*‎ בחלונית ה-Inspector (עריכה) וחלון הפופ-אפ שמציג את החישוב בפועל](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/11/496c9521-3e31-4f71-82a7-07cb5f52478e/6eabea6f-7af8-484e-8e5e-653f4ea00bf8.png)

> **מה ההבדל בין px*‎ ל-px?** שתיהם מאפשרים לערוך בפיקסלים, אבל:
>
> * px\*‎ פירושו שהגודל שאתם רואים רלוונטי לנקודת הברייקפוינט שאתם עובדים עליה כרגע.
> * px אומר שהגודל הוא קבוע בכל נקודות הברייקפוינט.

---

## בחירת ההתנהגות הרספונסיבית של אלמנט

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

עם זאת, אולי כדאי לשנות את ההתנהגות הרספונסיבית, אם תמצאו התנהגות שיותר מתאימה לעיצוב שלכם.

**מה ההבדל בין ההתנהגויות הזמינות?**

לכל התנהגות רספונסיבית יש היגיון ספציפי ואוטומטי שמשפיע על שינוי גודל האלמנט במסכים שונים. 

  
 ההתנהגויות הזמינות הותאמו לכל אלמנט. הכי נפוצות הן:

* **Scale proportionally** (שינוי גודל פרופורציונלי): פרופורציות האלמנט (הרוחב והגובה) שומרות על יחס רוחב-גובה זהה בכל המסכים.
* **Relative width** (רוחב יחסי): רוחב האלמנט משתנה אוטומטית, ביחס לאלמנט ההורה שלו.
* **Fixed** (קבוע): האלמנט תמיד נשאר באותו גודל, וגודלו לא משתנה באף מסך.
* **Stretch** (מתיחה): האלמנט נמתח כדי שיתאים לקונטיינר ההורה שלו בכל נקודת ברייקפוינט.
* **Hug** (חיבוק): אין רווחים בין האלמנט לתיבה התוחמת שלו. גודל התיבה התוחמת בכל נקודת ברייקפוינט תלוי בתוכן שבתוכה.  
**הערה:** זוהי גם התנהגות ברירת המחדל לערימה אופקית (horizontal stack).

  
**התנהגויות של מקטעים:** 

* **Fixed height** (גובה קבוע): המקטע יישאר תמיד באותו גובה, ללא קשר לגודל המסך.
* **Fit to screen** (התאמה למסך): המקטע יתפוס את כל גובה התצוגה (‎100 vh). אם צריך, אתם יכולים לשנות את מידת ה-vh כדי שהוא יתפוס פחות מקום.

  
**התנהגויות של טקסט:** 

* **Wrap** (גלישת טקסט): גודל הפונט יישאר זהה בכל נקודות הברייקפוינט, אבל הטקסט יגלוש כדי שיתאים לתיבה התוחמת שלו במסכים קטנים יותר. זה יוסיף עוד שורות לטקסט.
* **Hug** (חיבוק): אין רווחים בין האלמנט לתיבה התוחמת שלו.זה אומר גם שמספר השורות בטקסט תמיד נשאר זהה, ללא קשר לגודל המסך.

> **הערה:** ההתנהגות הרספונסיבית שתבחרו משפיעה על יחידות הגודל שיהיו בשימוש. לדוגמה, בחירה בהתנהגות הרספונסיבית Fix (קבוע) משנה את המידה מ-px\*‎ ל-px.

### כדי לבחור התנהגות רספונסיבית שונה:

1. בחרו את נקודת הברייקפוינט הרלוונטית.
2. בחרו את האלמנט.
3. הקליקו ב-editor מימין למעלה על אייקון **פתיחת כלי ה-Inspector (עריכה)** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/2dd40586-1f79-4376-aee0-387212a246bb/dfed4075-2e24-4ad8-a7c4-8857038d5f16.png).

![החץ שעליו מקליקים ב-Studio Editor כדי לפתוח את חלונית ה-Inspector](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/03/07/69c68839-ed1a-4d4f-bc47-ee1332791b27/70af1fd3-bf77-47b6-9f50-4d12d442367d.png)

1. בחרו אפשרות מהתפריט הנפתח **Responsive behavior** (התנהגות רספונסיבית).

![התפריט הנפתח Responsive Behavior (התנהגות רספונסיבית) כשהוא פתוח והאפשרויות הזמינות לאלמנט טקסט, עם האנימציות בתצוגה מקדימה](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/11/5cd25cf8-cafa-4e54-a095-c1b2b5f7997e/65cc4edd-7240-4fa4-acdc-8ff2c3c180a9.gif)

> **מתמודדים עם רווחים לא רצויים באתר?** צפו ב[סרטון פתרון הבעיות שלנו](https://www.youtube.com/watch?v=v55nO7cf8p4) כדי ללמוד איך ההתנהגות הרספונסיבית יכולה להשפיע על בעיה זו ולפתור אותה.

---

## שימוש במידות גודל מתקדמות

ההגדרות המתקדמות ב-Inspector (עריכה) מאפשרות התאמה נרחבת יותר של גודל האלמנט לכל נקודת ברייקפוינט. במקום לעבוד עם px\*‎ ולבחור התנהגות רספונסיבית, המצב הזה מאפשר לראות את המידות שבהן אנחנו משתמשים מאחורי הקלעים (למשל px‏, %, vh) ולהתאים אותן לצרכים שלכם.

**מה המידות הזמינות?**

אתם יכולים לבחור את המידה או המידות המועדפות באמצעות:

* **Pixels ‏(px):** אם אתם רוצים שהאלמנט יישאר זהה לגמרי בכל גודל מסך, אתם יכולים פשוט להגדיר את הגובה והרוחב שלו בערכי px.
* **Percentage (%)** (אחוזים): ערך הרוחב/גובה של האלמנט תלוי במידות ההורה שלו. זה מבטיח שגודל האלמנט ישתנה ביחס להורה.  
   * לדוגמה, אתם יכולים להצמיד אלמנט טקסט (צאצא) לקונטיינר (הורה) ולהגדיר את הרוחב שלו ל-50%. כך הטקסט תמיד יתפוס 50% מרוחב הקונטיינר, בלי קשר לגודל המסך.
* **Viewport width and height (vw ו-vh):**מידות אלה מייצגות את הרוחב והגובה של מסך נתון (דפדפן).  
   * לדוגמה, 1vw ברוחב = 1% מרוחב הדפדפן.
* **Max Content ‏(max-c):** אתם יכולים להשתמש במידה הזו כדי להגדיר את הרוחב של האלמנט, ולהפוך אותו לתלוי בגודל האלמנטים הצאצאים - לא משנה כמה גדול התוכן או כמה מילים הוא מכיל. אלמנט ההורה מתאים את עצמו לתוכן.
* **Calculation:** בעזרת חוקים מתמטיים בסיסיים, אתם יכולים לכתוב "נוסחה" שקובעת את הרוחב והגובה של אלמנט. אפשר אפילו לשלב מידות שונות בחישוב הזה (לדוגמה vh ו-px).  
   * לדוגמה, אתם יכולים לקבוע ש-header ומקטע יתפסו את כל גובה מסך התצוגה (100vh). אם גובה ה-header מוגדר ל-100px, החישוב של גובה המקטע יהיה (100vh - 100px). הנוסחה הזו מפחיתה את גובה ה-header מה-viewport.

  
**רוחב וגובה אוטומטיים** 

 באלמנטים מסוימים, הרוחב או הגובה כבר מוגדרים ל-**Auto** (אוטומטי). המשמעות היא שתוכן האלמנט קובע את הרוחב/הגובה, וכך מאפשר לכם להוסיף או להסיר תוכן בלי לדאוג לגבי שינוי הגודל.

> הפעלת הגדרות מתקדמות משפיעה על האלמנט הספציפי שתבחרו, בכל נקודות הברייקפוינט. מצב ההגדרות המתקדמות נשאר מופעל עבור האלמנט הזה כדי לאפשר לכם גישה נוחה, אבל אתם יכולים לבטל אותו בכל שלב.

### כדי להגיע להגדרות גודל מתקדמות ולערוך אותן:

1. [עברו ל-editor](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26).
2. בחרו את האלמנט הרלוונטי.
3. הקליקו ב-editor מימין למעלה על אייקון **פתיחת כלי ה-Inspector (עריכה)** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/2dd40586-1f79-4376-aee0-387212a246bb/dfed4075-2e24-4ad8-a7c4-8857038d5f16.png).

![צילום מסך של פתיחת חלונית Inspector (עריכה) ב-Studio Editor.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/03/07/ed25ff0f-6b3d-4d1c-9155-e9b1c788a0b5/326f9801-aa4e-4ca8-8989-360b80ec33f2.png)

1. הקליקו על אייקון **הפעולות הנוספות** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/09/0ba33e98-0c9f-4d22-999e-430511e01828/3318f437-f255-4798-800c-734d0ad45021.png) ליד **Size** (גודל).
2. הפעילו את המתג **Advanced settings** (הגדרות מתקדמות).
3. ערכו את הגודל לפי הצורך: ערכי הרוחב, הגובה, המינימום והמקסימום.  
**טיפ:** ניתן לעבור ליחידה אחרת (לדוגמה מ-px ל-%) דרך בחלונית ה-Inspector. פעולה זו תפתח רשימה של המידות הזמינות לאלמנט.

![מעבר להגדרות המתקדמות במקטע הגודל בחלונית ה-Inspector (עריכה).](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/11/6789f4e1-706d-4aa4-bd61-b4d519b2d50e/c1bbd01d-ff93-47a2-9d62-d78ae6b187ee.gif)

> **הגדרת גובה המקטע:** לא מומלץ להגדיר את הגובה בפיקסלים, כי זה עלול לגרום לאלמנטים להופיע לא כמו שצריך. לדוגמה, הם עשויים לגלוש או להיראות חתוכים.

---

## הגדרת ההעדפה לגבי קביעת הגודל

אתם יכולים לבחור את השיטה המועדפת עליכם לקביעת גודל האלמנטים באתר שאתם מעצבים. אם אתם אוהבים לעבוד עם מידות CSS מתקדמות, תוכלו להפעיל את ההגדרות המתקדמות בעורך. לעומת זאת, אם אתם מעדיפים לבחור בעצמכם את מצב קביעת הגודל לכל אלמנט, אתם יכולים להמשיך להשתמש באפשרות הזאת.

### כדי להגדיר את העדפת קביעת הגודל עבור האתר:

1. הקליקו על האייקון של **Wix Studio** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/13/d9a1d8f1-9b06-431b-a37c-cad1e9a147d0/1905b305-d3ce-4263-8ba1-38695a41936e.png) משמאל למעלה.
2. עמדו עם העכבר מעל **View** (תצוגה).
3. עמדו עם העכבר מעל **Sizing Preference** (העדפת קביעת הגודל).
4. בחרו את ההעדפה שלכם:  
   * **Always Show Advanced:** קביעת הגודל בחלונית ה-Inspector תהיה תמיד במצב המתקדם.  
   **שימו לב:** במצב הזה אין אפשרות לבטל את השימוש בהגדרות מתקדמות עבור אלמנטים ספציפיים.  
   * **Set per Element:** אתם קובעים את העדפת קביעת הגודל לכל אלמנט.

![צילום מסך של התפריט העליון ב-Studio Editor, שבו אתם יכולים לשלוט בהעדפת קביעת הגודל](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/09/09/72c16f12-bad3-461c-8ee0-829e0bea3265/e46de62a-db0b-4983-a878-1416346a0aba.png)

---

## שאלות נפוצות

הקליקו על השאלות למטה לפרטים נוספים על שינוי גודל (sizing).

**מתי כדאי להשתמש בהגדרות המתקדמות?**

הגדרות הגודל המתקדמות מעניקות שליטה מלאה בגודל האלמנט בכל נקודת ברייקפוינט.

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

  
 עם זאת, אם יש לכם יחידת גודל ספציפית שאתם רוצים לעבוד איתה (למשל vh,‏ vw, ‏max-cc), גם אם פלואידית וגם אם קבועה, כדאי לעבור לשינוי הגודל המתקדם (advanced sizing).

**האם כל ההתנהגויות הרספונסיביות זמינות עבור אלמנטים שקשורים לאפליקציות של Wix?**

האלמנטים והווידג'טים שקשורים לאפליקציות של Wix (לדוגמה, Wix Stores ו-Wix Blog) מציעים רק התנהגויות רספונסיביות מסוימות - אלו שמתאימות ביותר לכל אלמנט.

  
 לדוגמה, ההתנהגויות הרספונסיביות הזמינות עבור אלמנט עמוד הקטגוריות הן 'Stretch' (מתיחה), 'Fixed' (קבוע) ו-'Relative Width' (רוחב יחסי).

**הגדרתי למקטע שינוי גודל פרופורציונלי (Scale Proportionally), אבל גודל האלמנטים לא משתנה בהתאם. למה?**

חשוב להקפיד להגדיר גם את ההתנהגות הרספונסיבית של האלמנטים. לדוגמה, אם הגדרתם את המצב של מקטע בתור Scale Proportionally (שיינו גודל יחסי) אבל יש בו אלמנט צאצא שמוגדר למצב Fixed (קבוע), האלמנט הזה יישאר קבוע בכל נקודות הברייקפוינט.

  
**שימו לב:** יש בחלונית ה-Inspector כמה כפתורים ותפריטים שלא מקבלים את ההתנהגות Scale Proportionally. אם אתם נתקלים בבעיה הזו, אתם יכולים [לעקוב אחריה כאן](https://support.wix.com/en/article/wix-studio-some-buttons-and-menus-do-not-scale-proportionally) ולקבל מייל כשהיא תיפתר.

**למה אי אפשר לשנות את הגודל של אלמנטים מסוימים באמצעות חלונית ה-Inspector?**

במקרים מסוימים, היכולת להתאים את הגודל של אלמנט תלויה במערכת היחסים שלו עם אלמנטים של הורה או צאצא.

  
 ברפיטרים, לדוגמה, אפשרות הגובה מושבתת בחלונית ה-Inspector כיוון שגובה הרפיטר נקבע לפי גובה הפריטים שלו (כלומר האלמנטים הצאצאים). התאמת גובה הפריטים משנה אוטומטית את גובה הרפיטר.

  
 מצד שני, כשתבחרו פריט ברפיטר, תראו שאפשרות הרוחב כבויה, כיוון שרוחב הפריט קשור לרוחב הכללי של הרפיטר. כדי להתאים את רוחב הפריט, תצטרכו להרחיב או להצר את הרפיטר עצמו.

**למה גודל התמונות או הסרטונים לא משתנה כהלכה במסכים שונים?**

הבעיה הזו מתרחשת בדרך כלל כשההתנהגות הרספונסיבית של התמונה או הסרטון לא מוגדרת לשינו גודל יחסי. כדי לתקן את הבעיה, עברו לחלונית ה-Inspector והגדירו את ההתנהגות הרספונסיבית ל-Scale proportionally.

  
 עבור סרטוני רקע, השתמשו ב[הגדרות רקע המקטעים](https://support.wix.com/he/article/studio-editor-שינוי-הרקע-של-מקטע#adding-a-video-to-the-section-background) ולא בנגן וידאו כדי להבטיח קביעת קנה מידה תקינה.

  
 בנוסף, לאלמנטים מסוימים שקשורים לאפליקציות, כמו ה-Pro Gallery, יש הגדרות פנימיות לעיצוב גודל או פרופורציות. במקרים כאלה, מומלץ לבדוק את חלונית ההגדרות של האלמנט.

**איך אפשר לתקן אלמנטים חופפים במובייל?**

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

  
 אם אלמנטים באתר הלקוח חופפים זה לזה במסכים בגדלים שונים, בדקו את מיקום האלמנטים, הקיבוע וההתנהגות הרספונסיבית שלהם בלשונית ה-Inspector. לדוגמה, אם האלמנטים מוגדרים כ־Fixed (קבועים), ייתכן שהפתרון הוא לבחור התנהגות רספונסיבית שתשנה את גודלו של כל אלמנט במסכים קטנים יותר.

  
 כמו כן, אם האלמנטים חולקים את אותו הורה אבל אין ביניהם מערכת יחסים מוגדרת (למשל, stack – ערימה), הם יפעלו באופן עצמאי ועלולה להיות חפיפה ביניהם.

  
 קראו מידע נוסף על [מניעת חפיפה בנקודות ברייקפוינט שונות](https://support.wix.com/he/article/studio-editor-פתרון-בעיות-הקשורות-לרספונסיביות#overlapping-elements-across-breakpoints).