Questions tagged [retina]

Name used by Apple for their liquid crystal displays with a high pixel density.

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…
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…
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…
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