Name used by Apple for their liquid crystal displays with a high pixel density.
Questions tagged [retina]
239 questions
1
vote
1 answer
Do retina devices NEED their own media queries?
I have several media queries that are being ignored on retina devices - for example, the iPhone 6 Plus. The iPhone 6 Plus' screen min-device-width is 414px. Using the following media query, I would expect the phone would make the customClass div…

Kyle
- 347
- 2
- 15
1
vote
2 answers
Retina display device width is not autofit in on ipad when using device width
Currently I am working for a website where I used Retina Ready Coding. The retina display (new iPad) has a resolution of 2048 x 1536 pixels while the general iPad/Tab has resolution of 1024x768 pixels. As per Retina’s law, Whenever I used body width…

engr. Kamal
- 29
- 4
1
vote
1 answer
iOS Retina display with SDL2
I am using SDL2, and have now a little problem with it on iOS with iPhone 5S.
When I create a window, SDL will creates a window with 320x568 pixel resolution. If I use the SDL_WINDOW_ALLOW_HDPI flag by creating window, I can draw each pixels of the…

József Szigeti
- 21
- 6
1
vote
2 answers
Output img.currentSrc of srcset using jQuery
I need to output the current source of an image using a jQuery alert:
alert($('.someclass img').attr('currentSrc'));
...however the alert is outputting undefined.
For reference, the mark-up is as follows:

Clarus Dignus
- 3,847
- 3
- 31
- 57
1
vote
1 answer
How can I test retina image substition without retina display?
What I have:
I'm using retina.js to substitute larger sized image variants for retina displays.
What I need:
I need to test that the script is working. My output should read as:
someimage@2x.png
...instead of...
someimage.png
My problem:
I can't…

Clarus Dignus
- 3,847
- 3
- 31
- 57
1
vote
0 answers
How to zoom in page for retina device
I have create app by cordova, everything work.
Now I put the app's html in website, page look too small in retian device,
How can I zoom in all the page for retina device.
I have try
if(window.devicePixelRatio == 2){
…

Wu Baiquan
- 129
- 7
1
vote
1 answer
SVG mouse cursor blurry on Retina display
I'm using a custom SVG cursor on my webpage and it appears to be blurry on Retina screens. Is this a common issue?

user841760
- 361
- 1
- 3
- 14
1
vote
0 answers
Java App Bundler doesn't support Retina?
I recently used the Java App Bundler utility to successfully create a Mac App bundle, with an icon of my choice. Here are links:
http://docs.oracle.com/javase/7/docs/technotes/guides/jweb/packagingAppsForMac.html (Oracle's…

Sam Claus
- 1,807
- 23
- 39
1
vote
0 answers
Display images in Preview at full resolution on a Mac with Retina display?
If I download an image from the web that has say 720x720 pixels at 72dpi, when I open this in Preview, it displays an image that is 10"X 10" at 72dpi. But... the Retina display on my MBP has a native resolution o 220dpi!
How can I get Preview to…

Adam
- 2,137
- 16
- 29
1
vote
0 answers
Image not displaying on 2 iPad retina devices
I'm a relative rookie with html/css. I build a site partly using a sitebuilder (Webflow), did some css tweaks, and have tested it across a lot of devices.
It works fine in all the other devices I've tested in, but unfortunately when I've tested it…

user2541351
- 53
- 1
- 2
- 5
1
vote
3 answers
How to fix sizes when I developed my website with 'more space' display setting on macbook retina
I developed a website on a macbook pro with retina, where my display settings are scaled to 'more space'. The webapp looks great this way.
But when I set the display back to 'default' scaling, it looks pretty bad, with all the components far too…

Alex Lenail
- 12,992
- 10
- 47
- 79
1
vote
2 answers
OpenLayers 3 - retina vs cached tiles
I have an application which serves some layers from GeoServer (GeoWebcache) tile cache. By default it stores them in 256*256 pixel resolution but the ol.source.TileWMS source requests 512*512 pixel ones when using a retina Macbook Pro which causes…

Balázs Eigner
- 87
- 11
1
vote
1 answer
How do I test a responsive website on a Retina Macbook?
So I have created my responsive website. When I test it on a PC and resize the browser to check the smaller screen sizes work correctly, all is fine.
When I test on my primary machine, which is a MacBook Pro Retina, if I resize the browser down to…

Gareth
- 251
- 4
- 15
1
vote
2 answers
Force JavaFX Hi-DPI mode to be enabled
Is there a way to "force" JavaFX to enable the Hi-DPI mode? Maybe through some specific VM-argument or something? This would be highly useful for debugging/testing an application without having access to a respective display.
This question already…

underkuerbis
- 325
- 3
- 9
1
vote
0 answers
Generating @1x, @2x, @3x, @4x sprites with Sass
I'm wanting to create retina sprites to support @1x, @2x, @3x, @4x retina displays. I'm using Codekit, hooked up to an external version of Compass. I've tried a few plugins…

JamesBE
- 25
- 6