SitePoint Forums | Web Development & Design Community

iPhone Background Issue

SamA74 December 22, 2016, 4:02pm 3

I would guess it’s the same issue as seen here.

Blank space in portrait mode on mobile HTML & CSS

Hi, I have troubes with responsive design in Bootstrap in portrait mode. There stays white blank space down there under background-image. I enclose code: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1">  <title>Test template</t…

See post #3.

Blank space in portrait mode on mobile HTML & CSS

Hi, Mobile devices don’t like background attachment fixed combined with background-size:cover and they don’t work properly when used together. You should place the body image on a pseudo element and then position:fix that element which means the background doesn’t need to be attachment-fixed and allows you to use cover. e.g. Change your body rules to this: body { background:#fff; } body:after { content:""; position:fixed; z-index:-1; left:0; top:0; right:0; bottom:0; background:ur…

show post in topic

Home
Categories
FAQ/Guidelines
Terms of Service
Privacy Policy

Powered by Discourse, best viewed with JavaScript enabled