Copy code

Permalink

Please tell us why you want to mark the subject as inappropriate. (Maximum 200 characters)

Private Message

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

Feedback

Email ID

Subject :

Comments :

Private Message

Type the characters you see in the picture below.

Attach files

Desktop Zoho Docs Google Docs

Each Attachment size should not exceed 1MB. Max no of attachments : 3

Loading User Profile...

guest

Response title

This is preview!

Attachments

()

New to this Portal? Click here to Sign up

You can also use the below options to login

jQuery
Plugins
UI
Meetups
Forum
Blog
About
Donate

All Forums
Recent Posts
Log In

Search jQuery

jQuery Forum

Move this topic

Forum :

Sub forum :

jQuery Mobile

pikupman

Problem image SVG got blurry on mobile browser with Jquery Mobile

in jQuery Mobile • 3 months ago

I'm working on a mobile website with all the icons in SVG format. When I test it in Chrome or Firefox on my laptop, the icons look great. But when I check it on my mobile browser, all the icons got blurry..it looks like they've got bad qualities.

I've created a test with that problem (2 icons on the header )

http://l-azk.com/exemple/test/

Any help to fix that would be fantastic.

Regards.

Laurent

Replies(4)

haga0054

Re: Problem image SVG got blurry on mobile browser with Jquery Mobile

3 months ago

Good start, now give us the rest of the information. What mobile browser? What device? It looks great on my Android phone.

Re: Problem image SVG got blurry on mobile browser with Jquery Mobile

3 months ago

I use Chrome or the native browser on a Samsumg Galaxy S3.

haga0054

Re: Problem image SVG got blurry on mobile browser with Jquery Mobile

3 months ago

It looks fine to me on my galaxy S3 native and chrome browser. Not sure what the problem is.

I suggest taking a screen shot and sending it here. On your phone press and hold the home button + power button until the screen blinks. This takes a picture of your screen. Attach here.

Re: Problem image SVG got blurry on mobile browser with Jquery Mobile

3 months ago

I've fixed the problem. In fact, I haven't done images for the retina screen (Image size x 2). And I need to use the following lines to define these retina images :

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-resolution:240dpi){

}

Statistics

4 Replies
366 Views
0 Followers

Actions

Permalink

Android visual quality problems. Pa...
Fixed header on iOS is stuck when k...
Android and IOS Keyboards not hidin...
Odd behavior onChange event
jquery.validate in chrome field los...

Response title

Attachments

jQuery Forum

Problem image SVG got blurry on mobile browser with Jquery Mobile

Replies(4)

Re: Problem image SVG got blurry on mobile browser with Jquery Mobile

Re: Problem image SVG got blurry on mobile browser with Jquery Mobile

Re: Problem image SVG got blurry on mobile browser with Jquery Mobile

Re: Problem image SVG got blurry on mobile browser with Jquery Mobile

Statistics

Tags

Actions

Related Posts