All geek questions in one place

How to fix a strange text input error on Mobile Safari?

While testing this responsive design I'm working on it now, I noticed a strange text box “width”, the window on the right of Mobile Safari, which I seem to be unable to understand. If you test it on your computers, it will show that everything will be fine. I tested this on both my iPod and iOS Simulator (an error appears on all devices). Any suggestions?

iPad.pngiPhone.png

+4
source share
1 answer

So basically, Safari Safari and Desktop Safari have different default stylesheets. While you are doing a good job of width, etc., One thing you are missing is clearly setting padding on the input. Guessing that this is a criminal (the Safari desktop basically makes 1px input, maybe a few pixels more on a mobile phone). I see that you are using -webkit-appearance: none (nice), so as long as you explicitly declare the add-on, you should be good.

+6
source

Source: https://habr.com/ru/post/1388170/

More articles:


All Articles