# Screen adaptation Entrance：Parameter Setting Area>>>Exterior>>>Screen adaptation
👉Recommended Reading: [Creation Tips - Adaptation](/playable-tools-content-editor/content-editor-creation-tips-center/common-creation-tips/creation-tips-adaptation.md) [Adaptation Issues](/playable-tools-content-editor/content-editor-faq/adaptation-issues.md) ## 📒Adaptation Rules: Calculating Layer XY Coordinates As shown in the diagram, the origin point (0,0) is located at the top-left corner of the canvas. The coordinates of each layer in the canvas are calculated based on the top-left corner of the layer. For example, a finger layer with coordinates (100,100) indicates that the left upper corner of the finger layer is located 100 pixels from the origin.
## 📒Default Adaptation Scheme **Layers are based on the center point of the canvas, maintaining their relative coordinates to this center.** When assets/layers are added to a project, their screen adaptation method is set to “center horizontally & center vertically” by default. This means the asset will always appear in the center of the screen regardless of size 💡By default, there is no need to adjust the Screen adaptation. The layout and positions you edit in the canvas will automatically adapt proportionally across different devices. Occasionally, you may want to adjust certain layer adaptations for optimal visual effects, such as setting product information to "bottom centered." Recommended Reading: [Creation Tips - Adaptation](/playable-tools-content-editor/content-editor-creation-tips-center/common-creation-tips/creation-tips-adaptation.md#adaptation-tips) ## 📒Demonstrating Different Adaptation Methods **If you adjust the edge adaptation, layers will anchor to the four edges of the canvas, keeping the distance from the respective edges consistent across screen sizes.** For example, if a layer is set to anchor to the top-left corner, with its coordinates (100,100) on a 750x1334 canvas, it will maintain those coordinates when viewed on screens of other sizes.
NumberAdaptation methodScreen adaptation buttoniPhone6【750*1334（default）】iPhone X【828*1972】ipad【768*1024】
1

Center Fit

(Default adaptation method)

2Top adaptation
3Bottom adaptation
4Left adaptation
5Right adaptation
6Upper left corner adaptation
7Upper right corner adaptation
8Lower left corner adaptation
9Lower right corner adaptation
## 📒Suggestions for adaptation adjustments 💡Due to the variety of materials, you can adjust the screen adaptation methods of layers as needed. Note that the Screen adaptation is set to separate configurations for landscape and portrait modes by default, so you will need to adjust them individually. If the adaptation methods are the same for both orientations, you can uncheck the option.
💡After setting the Screen adaptation, it is recommended to preview promptly and switch between **different devices and orientations** to confirm the final effect. --- # 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://doc.playturbo.com/playable-tools-content-editor/content-editor-user-guide/editing-page-module-intro/parameter-setting-area/screen-adaptation.md?ask= ``` 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.