UI does not same for all mobile devices

Deepanshi Gupta

unread,

Sep 1, 2015, 2:57:00 AM9/1/15

to phonegap

Hi, I am building my app using corodva. And description about my platform is : cordova platform android version : 4.1.1

Node version: v0.12.7

Cordova version: 5.2.0

I have created my app for android. The problem is that when I tested my UI on different mobile devices, User Interface is not same for all the devices. Example: on one device my button appears as it is and on another device, its bottom border does not appear.Is there is problem in html and css? What is the problem and how can I resolve this problem so that my app looks same on all device.

I am attaching html & css files with screenshots of diiferent devices.

Screenshot_2015-09-01-12-12-43.png

Screenshot_2015-09-01-12-10-12.png

log.css

logIn.html

Deepanshi Gupta

unread,

Sep 1, 2015, 3:02:10 AM9/1/15

to phonegap

And screenshots link is : http://prntscr.com/8b9o87

I am attaching html & css files with screenshots of diiferent devices. and

Steve Husting

unread,

Sep 1, 2015, 11:01:57 AM9/1/15

to phonegap

You have just hit a problem with Android devices - they don't all process the CSS in the same way. Android devices don't all support the same CSS; it's up to the vendor to decide which CSS to support. I can imagine that CSS3 has even less support.

Kerri Shotts

unread,

Sep 1, 2015, 4:32:04 PM9/1/15

to phonegap

Different Android devices have different CSS support. Target accordingly, or use the Crosswalk project if you need a consistent foundation.

Jesse Monroy

unread,

Sep 1, 2015, 4:40:34 PM9/1/15

to phonegap

@Deepanshi

Agree with Steve and Kerri

Jesse

On Tuesday, September 1, 2015 at 12:02:10 AM UTC-7, Deepanshi Gupta wrote:

Reply all

Reply to author

Forward