Module: detect-hi-res

Detection of high resolution display

Source:

Example

Example usage of module

#logo {
     background-image: url('wezeologo.jpg');

     html.hires-display & {
       background-image: url('wezeologo-hires.jpg');
     }
   }

CSS classes


hires-display
applied when display is high resolution
normal-display
applied when display is lower resolution
display-pixel-ratio-$$-more
current display pixel ratio is higher then $$ value
display-pixel-ratio-$$-less
current display pixel ratio is lower or equal then $$ value

Methods


JS.Responsive.isHiResDisplay()

Detects if current device has a high resolution display (such as retina).

Since:
  • 3.0.0

Source:
Returns:

The return value is not changing in time.

Type:
Boolean