liquidnax.blogg.se

This shows how a typical web page layout displays on a mobile screen:

Even then, text targeted for full-sized browsers often features long line lengths that make it more difficult to read on smaller mobile screens. Users must double-tap or pinch the screen to magnify individual columns of content. When loading full-sized pages, mobile browsers display the entire page at reduced magnification. Touch-based smartphone browsers are capable of presenting web pages designed for desktop browsers, but that experience needs improvement. Here you’ll learn how the mobile viewport works, and how it affects what appears on the screen when tipping the handset.Īpplying a viewport is the first and most important step to make web pages presentable on mobile browsers.