Display Mode Selection Workflow

In order to choose a model from the ruleset, Thinfinity® Workspace uses the client device type, dimensions, resolution, orientation and browser:

To pick up a draggable item, press the space bar. While dragging, use the arrow keys to move the item. Press space again to drop the item in its new position, or press escape to cancel.

To pick up a draggable item, press the space bar. While dragging, use the arrow keys to move the item. Press space again to drop the item in its new position, or press escape to cancel.

Properties	Description
If match-mobile exists	It tests if the device is a mobile.
If match-user-agent exists	It tests the browser’s User Agent.
If match-device-pixel-ratio exists	It tests the device’s pixel ratio.
If match-orientation exists	It tests the device’s orientation.
If match-screen-width-range or match-screen-height-range exist	It tests to see if the screen size is in range.
If match-screen-width or match-screen-height exist	It tests the exact screen size.

Once the model is selected, the parameters are applied in this way:

1. If the width and height properties exist, then it applies them.

2. If the browser width is less than the min-width, it applies min-width.

3. If the browser height is less than the min-height, it applies min-height.

4. If the browser width is greater than the max-width, it applies max-width.

5. If the browser height is greater than the max-height, it applies max-height.

6. If a specific device-pixel-ratio was specified, it applies it.

7. If a max-device-ratio was specified, it takes the minimum of the real device pixel ratio and max-device-ratio property and applies it.