Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have set rounded corners in CSS like this:
input { -webkit-border-radius: 1em; }
On desktop browser (Chrome, FF) the corners are rounded and pretty smooth (antialiased). However on Android browser (even 2.3) the corners are rounded but not smooth, they look pretty bad – pixelated…
If there is some CSS hack or some other solution, please help.
My experience (across all browsers) is that corners done with
border-radiuslook better if they are an even number of pixels in size.So
border-radius: 10px;looks better thanborder-radius:9px;My experience is mainly on desktop browsers, but I can see how this effect might be similar on mobiles.
I wonder if the size of your
emunit is a different size between desktop and mobile?It might be worth your while experimenting with a few different sizes (even pixel-based sizes, just for the experiment), to see what difference they make. It might be that a small change will make a big difference.