# كيفية تكييف الصفحة في الكتلة الصفرية

إذا كانت الصفحة التي تم إنشاؤها في الكتلة الشاملة تبدو جيدة على الكمبيوتر، لكن الموقع لن يعرض بشكل صحيح على شاشة الهاتف المحمول أو الجهاز اللوحي لأن حجم هذه الأجهزة مختلف.

## معلومات أساسية

في الكتلة الشاملة، تحتاج إلى إعداد التعديلات للجهاز اللوحي والهاتف في الوضعين الأفقي والرأسي.

* بالنسبة للكمبيوتر، يكون حجم الكتلة 1200 بكسل.
* الوضع الأفقي للجهاز اللوحي هو 960 بكسل
* الجهاز اللوحي في الوضع الرأسي هو 640 بكسل
* الهاتف في الوضع الأفقي هو 480 بكسل
* الهاتف في الوضع الرأسي هو 320 بكسل

توجد أداة في الكتلة لهذا الغرض، وعند تفعيلها تعرض تلقائيًا حجم الصفحة الذي يجب أن تناسبه جميع عناصر الموقع التي تم إنشاؤها: النصوص، الأشكال، الأزرار، مقاطع الفيديو، إلخ.

<figure><img src="/files/6ea1a22f6726859615db91f7acf46c91f0e977f7" alt=""><figcaption></figcaption></figure>

في البداية، ننشئ تصميمًا للإصدار الكبير من الشاشة (الكمبيوتر)

بعد ذلك، نبدأ في تكييف الصفحة التي تم إنشاؤها، أولًا للجهاز اللوحي في الوضع الأفقي، وهكذا. وللقيام بذلك، نستخدم شريط الأدوات في الكتلة، ونضبط أحجام النصوص والعناصر بحيث لا تتجاوز الكتلة، وإلا فلن تكون مرئية على أجهزة مستخدمي الموقع.&#x20;

فيما يلي بعض الأمثلة على الشكل الذي يجب أن تبدو عليه الصفحة لكل حجم:

الجهاز اللوحي في الوضع الأفقي 960 بكسل

<figure><img src="/files/c0b6b1bc32f806f23cf928b38d2045ae40107728" alt=""><figcaption></figcaption></figure>

الجهاز اللوحي في الوضع الرأسي 640 بكسل

<figure><img src="/files/52e48b6b93dc25c92a140518e9a2779f9e81e368" alt=""><figcaption></figcaption></figure>

الهاتف في الوضع الأفقي 480 بكسل

<figure><img src="/files/b1188cc6fb597937ef7933d54f6889384df26af3" alt=""><figcaption></figcaption></figure>

الهاتف في الوضع الرأسي 320 بكسل

<figure><img src="/files/a744c7e492bec1743f151e810622ab51e865d11a" alt=""><figcaption></figcaption></figure>

تتكيف جميع الكتل الأساسية في منشئ المواقع تلقائيًا مع حجم الشاشة المطلوب. اقرأ عن الكتل الأساسية في المقالات التالية.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/ar/websites/almwaqa/blocks/zero/settings.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.