0

I’m looking for a simple solution since hours, but I can’t find any. My problem: I have a site and i use background-size: cover to display the header picture in full size. It works fine on every browser, but it looks terrible on a iOS-Device. Example: http://www.dnu-films.ch/site/ Any idea? Thanks a lot!

Simon Wälti
  • 1
  • 2
  • I'm not sure what you're asking, looks fine when i resize my browser? – Aaron May 12 '15 at 10:12
  • The background-size is not your problem. It seams the media styles in your css are wrong since also your menus dont collapse on mobile. You should fix that and then the background-size will not be an issue. – Nils Ziehn May 12 '15 at 10:29
  • I found this thread maybe helps you [CSS background-size: cover replacement for Mobile Safari][1] [1]: http://stackoverflow.com/questions/18429620/css-background-size-cover-replacement-for-mobile-safari – Shinigami May 12 '15 at 10:42
  • @aaron: Try it on Safari on an iPhone - resizing isn't the same. – Simon Wälti May 12 '15 at 12:00
  • @Shinigami Thanks. Saw that thread, but it isn't a solution. The picture on big screen isn't centered and on mobile it doesn't show the whole image (as "cover" should do)... – Simon Wälti May 12 '15 at 12:10

0 Answers0