Am seriously considering ditching my attempts to switch to ems and/or percentages and going back to pixels, at least until I can make the switch completely to REM (once ie8 usage has dropped right off). There's just too much doubling up of code I need to do, or issues with embedded sizes ...etc.
How are others feeling about the situation or addressing the obvious issues?
I use ems for type, pixels for borders and percentages/ems for padding and width.
Not sure if this is really stretching my knowledge of CSS but ems make more sense as they're relative to the base font size of the document. You can do conversions from pixels to ems using a measurement calculator anyway.
With higher pixel density screens pixels kind of make less sense as 16px for instance would be tiny on a retina screen, hence the recommendations not to use them anymore.
I'm still relatively new to web dev so that's more or less my understanding at this point, I'd be curious what others have to say on this.
The problem with using percentage/ems for padding/widths for anything more than the base layout grid is that you can REALLY run into some embedding issues, with an element inside another element that you're trying to specify margin/padding on.
I understand what you're saying about retina screens (hate them!!) but surely they usually view the web enlarged anyway, otherwise the majority of sites would be tiny.
And I'm just trying to recall the issues I've been having with EMs for type...