As it turned out I learned something quite useful and should have stopped back to post the answer here.
After quite a lot of searching I found 2 articles:
http://www.teknocat.org/blog/web-dev…-scaling-quirk
which linked to:
http://www.defusion.org.uk/archives/…iphone-safari/
To summarize: there’s a size-limit for background images/graphics that will be properly rendered by iphones/pads. Widths and heights can vary but the width times the height can’t exceed 2,000,001 or the browser will shrink the graphic (which was what I was seeing). My background images were 1800px wide x 1200px tall (which equals 2,160,000) and 1800 x 1800 (which equals 3,240,000!) Had to make them smaller. Got sizes below 2,000,000 and whammo! they were fine!
Related Posts:
- force footer on bottom on pages with little content
- Dynamically change color to lighter or darker by percentage CSS
- How would you make two s overlap?
- CSS “margin: 0 auto” not centering
- CSS3 Scale Animation Keyframes
- JavaFX css themes
- Border Position
- Bootstrap align navbar items to the right
- Detect if a browser in a mobile device (iOS/Android phone/tablet) is used
- Using font awesome in codepen
- using media queries with LESS
- How can I apply styles to multiple classes at once?
- How to get multiple images to auto resize and stay centered within a div
- CSS rotation cross browser with jquery.animate()
- How can I center
- into a div?
- How to specify a class added to my gallery
- How to add a “last” class to the last post in loop.php?
- Get parent category class in post_class()
- Assign title-specific class to list items in menu based on WP pages
- WordPress – https : Css and Js files are not working (load on http instead of https)
- Load custom css after bootstrap
- Highlighting the current page in a navigation menu which links are generated with a custom loop?
- If I dequeue Gutenberg Stylesheet will that have any effect on WordPress 5.0.1?
- Styleswitcher or themeswitcher to allow user to switch back to standard view from mobile device
- Remove WordPress/Gutenberg button styles for ACF blocks
- Relative path instead of absolute for wp_enqueue_script
- If post by specific role different css to everyone
- Theme Check errors about missing CSS rules
- removing my underline from hyperlinks
- How to override Gutenberg admin CSS
- WordPress stripping out BR tags, need assistance
- Specific css on homepage, different one for other pages
- How to Remove White Space above video Block
- Font Awesome wp_enqueue_style
- Using uncss or similar with WordPress?
- How can i add note, caution, warning quote inside the text? [closed]
- How to enqueue a random css style?
- No styling on fresh wordpress installation
- How to include .css code in a WordPress page template?
- Enqueue Style Function Not Loading
- How To Add a Transition style to WordPress Comment Box? [closed]
- How to use Japanese characters for a single page
- Certain aspects of site suddenly not working in Chrome and Firefox
- How do I make header.php use different css for different pages?
- How to change header dimensions in WordPress?
- How to display custom style based on theme option select box
- wordpress css file
- Implementing a simple slider in code?
- custom header navigation has odd spacing [closed]
- CSS – why does my sidebar drops to the bottom of the page? [closed]
- WordPress backend is loading without style
- Why would a theme writer put their CSS in one long string? [closed]
- After I change CSS not updating in the browser
- ACF Pro with SlickJS [closed]
- Show/Hide Div for Login Mask
- Where are the contents of WP_Head
- customize continue reading
- When replacing #site-title with an image – why must it be located in root?
- Implement editor’ CSS on the custom themes
- Divi CSS Flex/Margin Error
- How to make a function to play only on the home page?
- Redirect Css files to https
- How can I add a stylesheet to the Classic Editor page?
- Where to add this code for a Modal box to work? [closed]
- How to enqueue stylesheets in child-theme functions.php?
- Dequeue CSS of the Parent Theme
- Unable to use Datepicker in a table when inserting a row
- Text editor toolbar z-index conflict with location plugin pop
- Hide a div class on WordPress ID (Based on template) [closed]
- What is the cleanest way to shrink Gutenberg Blocks to container width?
- Gutenberg Editor: display error with a combination of transform and background-attachment:fixed
- How to replace wordpress css or js file with external file?
- all of a sudden my child theme style.css is being ignored? Its been working fine for months?
- How do I move my logo from the center to left (Pixgraphy theme)
- Page flickers when new html5 video loads
- Unable to properly load WordPress Admin page
- Change style of Twenty Seventeen child theme
- Setting up Custom Background [closed]
- Customiser colour picker and best practice for updating css
- How to stop WordPress from automatically turning letters into small or capital
- Editing anchor style in main navigation bar
- Align form elements with css
- Load specific js & css based on class or ID?
- Centering items in a row, when you don’t know how many items [closed]
- I can’t change the background color of a specific page
- Add HTML input tag to to site navigation
- Removing the “on/off” white rectangle from my homepage (WPtouch)
- Add dynamically Get Request For Every links On the Site For Style Switcher
- What can cause JavaScript and CSS files to be minified?
- Apply Classes to post text inside editor
- Use of CSS classes in editor-blocks.css file
- Parent style messing up with Bootstrap [closed]
- Problems when writing a post
- Will the following code make my css deal with images in the optimum way?
- Interactive maps in wordpress
- How to add input search field with roudned corners?
- WordPress CSS not working properly
- Add Custom CSS Class in Child Theme [closed]
- Min height of page [closed]
- How to hide button with CSS class?