Desktop layout shown in IPad view port in real life test

Ask the community
, ,
3

Hi, @Wong_Jack !!

First, place #textElement on the page, then check the page on an iPad after inserting this code. It might reveal something, as the width may be detected as larger than expected. :open_mouth:

import wixWindowFrontend from "wix-window-frontend";

wixWindowFrontend.getBoundingRect().then((windowSizeInfo) => {
    // Get the viewport width and height
    let viewportWidth = windowSizeInfo.window.width; // Viewport width
    let viewportHeight = windowSizeInfo.window.height; // Viewport height

    console.log(`iPad Viewport Width: ${viewportWidth}px`);
    console.log(`iPad Viewport Height: ${viewportHeight}px`);

    // Display the viewport directly on the page if needed
    $w("#textElement").text = `Viewport Width: ${viewportWidth}px, Viewport Height: ${viewportHeight}px`;
});