Stack Overflow
Stack Overflow

Questions tagged [pixel-ratio]

39 questions
0
votes
0 answers

css media queries for multiple device-pixel-ratios

I have an issue with the display of my homepage. It's my very first try in responsive design, and I guess it's not to bad so far. I uploaded the project here: https://adventuretrails.000webhostapp.com You should be able to access all necessary…
maxischl
  • 579
  • 1
  • 11
  • 29
0
votes
1 answer

do u have to use device pixel ratio in media query?

I just have to clarify an issue regarding device-pixel-ratio, do I have to use it in my media queries? will it somehow affect them if i don't? I mean, there are many devices using the 360X640 screen resolution, for example: Samsung Galaxy S6…
durian
  • 510
  • 1
  • 7
  • 24
0
votes
0 answers

Media Queries for low resolution small screens (phones)

I am working on a responsive layout for a page with two main elements, and I need to hide one of them on standard phone screens (let's say up to about 5 inches). Subconditions are landscape mode and screen width up to 800px. Usually smartphones cab…
Enzo I.
  • 1
  • 3
0
votes
1 answer

Using the emulator in Google Chrome, what should I enter for an iPhone 6?

Google Chrome's emulation feature requires you to enter the device resolution and the device pixel ratio. It has presets for iPhone 5 but not for iPhone 6 or iPhone 6+ yet. Do you know what resolution and pixel ratio I should be entering for iPhone…
Fiona - myaccessible.website
  • 14,481
  • 16
  • 82
  • 117
0
votes
1 answer

What device sizes/resolutions does Chrome's `srcset` attribute correspond to?

Is there a map defining what device sizes/resolutions the Google Chrome IMG srcset attribute sizes correspond to? For example, in the case of What size/resolution screens…
Brett DeWoody
  • 59,771
  • 29
  • 135
  • 184
0
votes
1 answer

Firefox retina support for background images (mediaqueries)

I developped several websites using mediaqueries for making them retina ready. On firefox I now see that all background images (managed by mediaqueries) are blurry, not retina ready. Is this normal? Why firefox does not support the mediaqueries for…
Benmay
  • 347
  • 1
  • 15
0
votes
1 answer

Chrome on Android pixel ratio off?

I've implemented em's throughout all my mobile CSS, and I just set the font-size once on the body tag based on device-pixel-ratio to either 16px (ratio: 1), 24px (ratio: 1.5), or 32px (ratio: 2) etc., but when I open my site in Chrome on Android, it…
bearfriend
  • 10,322
  • 3
  • 22
  • 28
0
votes
1 answer

How to write CSS for mobile cross-platform site

iOS is easy, because the pixel-ratio is always either 1 or 2, and the target dpi is always pixels/ratio. Android, however uses 1.3, 1.5, and in some cases 2.25 for a pixel-ratio. I'm not aware of any way to set the target dpi to pixels/ratio for…
bearfriend
  • 10,322
  • 3
  • 22
  • 28
-1
votes
2 answers

Why does my 1080p screen render websites at 640px?

google says "because css pixel ratio" but I can't figure out what that is, or why it exists. Why am I adding metadata that tells the browser to render the screen at <2/3rd the screen's resolution? Images (as far as I can tell) don't get resized, so…
Apollo Creed
  • 219
  • 3
  • 18
1 2
3