To improve your website’s usability for mobile devices, you should configure the viewport on your website. Simply add this snippet of code into your website’s
section:By doing so, your pages will be optimized well on mobile devices. Viewport controls how the webpage is displayed on a mobile device so that it uses the device’s screen width making it easier to browse and read the content of your pages.
Filed under: Documentation→Website Performance
Tags: meta, mobile, page speed, viewport, website performance
Sometimes you may have content on your page such as an image that has a width that is larger than the device’s width causing the horizontal scroll bar to show up. It is important to adjust the size content to fit within the width of the viewport so that the user does not need to scroll horizontally to see the entire page. You can do this by using relative width sizes such as:
width:100%
Making images and content responsive is one way to improve the usability of your website.
Filed under: Documentation→Website Performance
Tags: adjust size, mobile, mobile usability, relative sizes, usability, viewport, website performance