Responsive web Framework

DOCUMENTATION

Dimensions supported

The system can support different dimensions and screen orientations

NOT AVAILABLE FOR TINY SCREENS

(minimum width: 480px)

Dimensions

Five dimensions are stablished:

Tiny
240px - 479px
Small
480px - 799px
Medium
800px - 1279px
Large
1280px - 2079px
Huge
2080px - 4096px

And two orientations:

Horizontal
Landscape
Vertical
Portrait

See it! icon execute code

Properties may be different from dimension and orientation, or conditioned to any of these. It is important to note that the division between sizes is not linear. To correct this properties, It is convenient to think on first establish the properties that affect small screens and then the bigger ones.

In practice, only three measures are used: Small, Medium and Large. The first option diminutive (tiny) by its dimensions is not practical to display information, so you can choose to deploy a message indicating the problem. In the case of the Huge dimension, because the dimensions have already been supported by the previous version (large) can be handled smoothly.

See it! icon execute code