On this page I have used border-radius to give it round corners. Actually they are elliptical corners, because I used vw to size them for better responsiveness with minimal media queries (with px fallback).
While I don’t mind that they are elliptical, I have found that Firefox struggles to display them properly. I see a slight break where the straight edge of the border meets the curved corner, which I don’t like.
Question: I there a way to force a square aspect to the corners while using variable units? Or some other means of fixing this display problem without resorting to fixed px values?
Thought as much.
Anyway, I think I will drop the vw for fixed px values, changing to a lower one in the media query. It did work perfectly in IE and Chrome, its just the way it looked in Firefox bugged me.
1 Like
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.