Mobile Safari percentage bug

Dear Apple…

Why Safari on iOS mobile devices is a so shitty product?

Why can’t we specify “width: 100%” on an image element (with auto height) without having to set a useless “min-width: 100%” for the most browsers?

Why this very serious bug?

Obviously the HTML I was developing had the following meta:

[code lang=”html” title=”HTML”]
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
[/code]

But it seems to be not enough for Safari. So we have to write the following useless CSS code:

[code lang=”css” title=”CSS”]
img {
width: 100%;
min-width: 100%;
height: auto;
}
[/code]

I hope this will be fixed soon, but I think they will not do it. The bug is very old and still there… Good job Apple!

References:

  1. first report (2006!!!) – webkit.org
  2. old report – css-tricks.com
  3. the solution: stackoverflow.com (the only working solution is the last one with 0 score!)