Mobile Web Help Image sizes

[peterbrown05]

we currently do this:

Code: Select all

img
{
	max-width: 850px;
}
...
@media print
{
	img
	{
		max-width: 16.00cm;
	}

is there any way to do a similar thing for MOBILE img elements so that they have a max width of say 200px so they fit reasonably on a mobile device screen?

eg

Code: Select all

@media mobile
{
	img 
	{
	    etc

or any other suggested ways of working to produce both standard html and mobile html webhelp?

cheers
peteB

[NorthEast]

The solution you suggested should work ok; i.e. using a separate medium for mobile-specific styles.

[jrpacarte]

That is exactly I am trying to find. I just am getting started with my first project so need an idea about the image sizes. Anyway, there should be some websites that could let us learn on making mobile web.