Home/ Questions/Q 8291349
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T13:05:56+00:00

I’ve got a site which although not responsive, should just show a scaled version

  • 0

I’ve got a site which although not responsive, should just show a scaled version of the desktop site when viewed on iphone or ipad. The problem is that my main background image is being compressed for some reason. If I resize the browser I can’t recreate this issue, so am just struggling to figure out what’s going on iOS which is causing it. The site is – any help would be greatly appreciated!

Added info: the issue seems to be with div.bg-main and it’s background image settings, set on line 243 of style.css

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    iOS has a 2 megapixel limit on background images. Your image is 1587*1340 = 2,126,580 pixels – a bit too much. It therefore shrinks it.

    You can use the background-size property to fix the size back up to what you’re expecting. You’ll lose some detail but it’ll be the correct size. Add this to your CSS:

    .bg-main { -webkit-background-size: 1587px 1340px }
    • 0