background-size: cover not working on iOS

by

This happens, particularly on iOS, when you have background-attachment:fixed. On mobile, I usually put background-attachment:scroll inside of a @media query.

As @RyanKimber pointed out, fixed attached images use the whole <body> size. On mobile this can get really tall which blows your image out. Setting the attachment back to scroll allows your cover image to stretch within its own container.

More Related Contents:

  1. iPhone 6 and 6 Plus Media Queries
  2. How do you make a background image scale to screen size in swift?
  3. iframe size with CSS on iOS
  4. How do I stop my fixed navigation from moving like this when the virtual keyboard opens in Mobile Safari?
  5. Remove iOS input shadow
  6. Using custom fonts in WKWebView
  7. remove grey background on link clicked in ios safari / chrome / firefox
  8. Fix CSS hover on iPhone/iPad/iPod
  9. How do I wrap text in a UITableViewCell without a custom cell
  10. How to make a push segue when a UITableViewCell is selected
  11. Check OS version in Swift?
  12. Difference between viewDidLoad and viewDidAppear
  13. Unexpected CFBundleExecutable key
  14. Swift 2: Call can throw, but it is not marked with ‘try’ and the error is not handled
  15. Check if a UIScrollView reached the top or bottom
  16. UICollectionView: must be initialized with a non-nil layout parameter
  17. How does TestFlight do it?
  18. How to know Push Notification delivery status
  19. Core Data in Swift: Only saving last object in a for loop
  20. Xcode keeps building storyboard after each keystroke
  21. KVO and ARC how to removeObserver
  22. swift NSTimer in Background
  23. How do I release a CGImageRef in iOS
  24. iOS9 does not load insecure resources from a secure page (SSL/HTTPS)
  25. Migrating from UIWebView to WKWebView
  26. How to change the default text of Cancel Button which appears in the UISearchBar +iPhone
  27. What values should I use for CFBundleVersion and CFBundleShortVersionString?
  28. Bordered UITextView
  29. How to set Http header Fields in Objective-C?
  30. Enable or Disable Iphone Push Notifications inside the app

Leave a Comment