HTML & CSS
Q1. If a smartphone, like the Galaxy S3, boasts a screen resolution of 1280x720 while its actual screen size by "true" pixels is 360x640—what do you call the 360x640 if the 1280x720 is the resolution?
Q2. When developing responsive websites using the meta viewport tag, like this one:
<meta name="viewport" content="initial-scale=1.0, user-scalable=yes, width=device-width">
Will the browser always apply it to the "true" size of the screen (the 360x640) and never the touch device's often-faux resolution (i.e. Retina that just cuts pixels into quarters)?
Q3. Can a 4" touch device, for example, ever cram more pixels into its screen than it already has now? Or is splitting pixels like they're now doing the only way to increase resolution without increasing the physical size of the device?
Q4. I don't know much about the physical technology of pixel display but is the size of a pixel the size of a pixel no matter what piece of technology its on? Do all televisions, even the most expensive ones today, use pixel technology?
Pixels are not the same size. they have vastly different physical dimensions. Pixels on a TV are much larger physically because you are further away. In truth when working on mobile devices you never work in pixels you never work in a fixed constraint like pixels. Responsive design.
Welcome to SitePoint , Oceanic,
you have got to love the mess of imperceptible terms in creative industries. You have to remember many of them are CONCEPTUAL rather than concrete. In other words pixels dont exist, as such they have no actual real world translatable measurement.
a 2"X2" screen could display 100X100 pixels or 10000 X10000 pixels ( even non square pixels 5000 X 10000 happen)
Resolution: is the dimension in pixel , independent of anything else (like actual size) , this can be confusing because in PRINT DESIGN resolution is dependent on size.
Pixel Density: is the equivalent term for when design . So if if one device has a pix dens of 72px/in and another 144px/in you know that an image with the same resolution will be twice as large (or 4 times the area as you put it) in the first device ( size is inversely proportional with pix dens)
Aspect ratio is is the Horz./Vert pixels measurement.
with that primer your answer are as follows:
1) You don't. as thee is no such thing as true pixels. What you do have is aspect ratio, and pix dens.
2) AFIK, the device width (in the mind of the device) equals the # of pixels it can display( what you are calling the 'true pixels') so a device that can display 1260px will assume it's a monitor 1260px wide even if those 1260px are crammed into 4" instead of 21". (thats the rub)
3) No. Hardware is physical. You can have less than the max , but you cant ever have more than the max. This just a law of physics.
4) in four questions we have addressed this 3 times now, lol. there is no defined physical size or even distance between pixels. think of it as a conceptual measurement for 1 point of light. the actual size is determined by a bunch of factors completely irrelevant to GOOD responsive design practices.
This topic is now closed. New replies are no longer allowed.