For responsive designs, I use em values instead of px. (Of course, % also comes into play.)
However, when considering containers of fluid photos (e.g. div, figure, etc.), layouts sometimes call that it has a max-width property in the CSS.
If this was declared in em (e.g. 700px/16px = 43.75em), then it could resize incorrectly depending on a user’s browser settings and zoom.
Therefore, it seems that px values in CSS declarations are better-suited? But I am wary of using them now… alternatively, however, is such a precaution unfounded?
I’d say set it in
em, but accept that users can (and will) zoom in/out and/or change their base font size. That’s just some things you can’t control.The best thing though, would be to set up some simple test cases and try it across a number of browsers / zoom / text-size settings.