Level Extreme platform
Subscription
Corporate profile
Products & Services
Support
Legal
Français
IPad support with anomaly on large width
Message
From
03/04/2017 13:36:10
 
 
To
All
General information
Forum:
CSS
Category:
Troubleshooting
Title:
IPad support with anomaly on large width
Miscellaneous
Thread ID:
01649714
Message ID:
01649714
Views:
40
I have an issue into which I am trying to find why I do have such a large width in iPad.

I tested that on the browser, on iPhone portant and landscape, as well as other mobiles devices. There is no problem. However, on iPad, either portrait or landscape, I have the anomaly.

I believe this is cause by a div, used to show a JPG banner at the top:
.TopImage
{
   background-image: url(Images/Background.jpg);
   width: 100%;
   height: 194px;
}
The background image is 4000x194. On pretty much everywhere, as this is a background image, it will only use its display as per the maximum required width to display the page. Thus, it is responsive. But, on iPad, I believe the large width is maximized at 4000 pixels because it recognizes the background image width.

In order to resolve the issue, is this what would be best required:
.TopImage
{
   background-image: url(Images/Background.jpg);
   width: 100%;
   height: 194px;
   max-width: 100%;
}
Michel Fournier
Level Extreme Inc.
Designer, architect, owner of the Level Extreme Platform
Subscribe to the site at https://www.levelextreme.com/Home/DataEntry?Activator=55&NoStore=303
Subscription benefits https://www.levelextreme.com/Home/ViewPage?Activator=7&ID=52
Next
Reply
Map
View

Click here to load this message in the networking platform