Not every reader prefers to have their browser window sized “normally.” Having a browser window that’s very tall, for example, might force elements on your page to take up more or less room on the page as you intended. This is where smart-layout comes in handy to control any possible collision. As a best practice, we recommend that you try out a few different browser sizes when previewing your publication. There are a few reasons we recommend this: (1) to see how your page will look like on a laptop-sized screen vs. a larger desktop monitor screen, and (2) to see if indeed your smart-layout settings are configured properly. Images have many options for scaling. By manually changing the browser window width and height, you can see how your current setting reacts to screen-size changes. You may find that changing the scaling options on an image makes for better responsiveness. You can check the scaling options for your image by selecting the image, and then under the page menu bar, click on ‘Element properties.’ Under the scaling drop-down is where you’ll see scaling options. By manipulating the width and height of your browser window with the preview URL or publication URL on screen, you can see how your publication will behave. If you find that elements are overlapping each other in certain orientations, check the smart-layout setting for that element. You may find that it’s not being pushed by the correct element even though it looks right in the editor view. Click here to find out more about smart-layout.
Desktop Resize
Readz publications are responsive, meaning that text and images will scale with the browser window.
web element- close
web element- close
label 1
readz logo- mobile twitter logopink twitter logofacebook logopink facebook logolinkedin logopink linkedin logo
pinterest logopink pinterest logo