Mobile Safari percentage bug

4 Flares Twitter 2 Facebook 1 Google+ 0 LinkedIn 1 Email -- Filament.io 4 Flares ×

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:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

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

img {
    width: 100%;
    min-width: 100%;
    height: auto;
}

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!)

 

4 Flares Twitter 2 Facebook 1 Google+ 0 LinkedIn 1 Email -- Filament.io 4 Flares ×

Leave a Reply

Your email address will not be published. Required fields are marked *