switch to desktopsite

0
I've design a colourfull App, which runs perfectly on a desktop. When running from an iPad, some colors are not display, like style background: #00ad4b; I used the CSS style on a table definition. If I select the option "retrieve desktopsite " within Google Chrome, then the colors will be shown perfectly. Does somebody know what the problem is ? Has it to do with some websafe colors or so ?
asked
1 answers
2

When using a mobile device you might be loading additional css or applying different classes. Just check on your desktop, and run the application in table mode.

When you inspect the elements or backgrounds that are looking weird you can see in the developer tools where that color is coming from. Either remove that definition or override it.

You can go to your application with the suffix: index.html?profile=tablet. I would recommend testing this on the actual server too, just to make sure there aren't any differences.
Also chrome has a really good emulation mode to simulate all types of mobile devices. See also this page for more info about the chrome emulator.

answered