device orientationSubscribe to RSS - device orientation

Flexible Layouts in Web Applications

Introduction

When creating mobile application, you have to decide if you want to support different screen orientations or just display application in one orientation (portrait by default). When you hold your device horizontally (landscape orientation) the viewport’s width is a longer edge. When you hold your device vertically (portrait orientation) the viewport’s width is a shorter edge. Moreover, we can hold device in portrait/landscape primary or secondary orientation. The difference is shown in the picture below.