Hi,

Image is not coming full screen in opera mini browser only.

But it is coming good the other browser's like FF,chrome, ie.. etc

i have used the following code:-

CSS:
img {
border: 0;
width: 100%;
display: block;
max-width: 100%;
}

HTML:
<img src="http://tycoontalk.freelancer.com/images/sample.jpg" />

Please give me advice.

Thanks in advance!!

Are you using media queries for your mobile styling?

yes i am using media queries.

it is coming perfectly in iphone, Blackberry, ipod etc.

only problem is in Opera mini Browser (mobile).

thanks!!

Have you tried looking at this page?
http://dev.opera.com/articles/view/o.../#mediaqueries

i have used this :-

<link rel="stylesheet" type="text/css" media="only screen and (max-width: 480px), only screen and (max-device-width: 480px)" href="css/style.css" />

Please have a look the screenshot.


iphone: & Opera mini:


Thanks!!

Is it possible? if ok then please help me?
or give me any sample.

Thanks!

And this image you are trying to style is how big (in pixels)?

Oh and of course what screen size is the Opera mini browser running on?

http://www.opera.com/mobile/demo/
this is online Opera mini simulator. i have tested with this URl.

also, i have attached 2 screenshot on the top.

Screen size is the Opera mini browser is 240px width and 252px height.
Image size is 874px width and 1310px height.

Height is taking automatically. width is not coming...

Thanks!

So you haven't checked on a mobile device that is actually running Opera mini

Image size is 874px width and 1310px height on a small device? Ho hum.

I have tested with iPhone, Blackberry, iPod, Nokia mobile device. it is working good in all. Except only Nokia (Opera mini Browser).

Thanks!

Originally Posted by PaulW

Image size is 874px width and 1310px height on a small device? Ho hum.

Yes it will come... please have a look the css on the top.

It is very needful. Please share me your thoughts or a sample.