Web and WebWorks Development

[chicoxml]

hello,

What would be the best practice for the images to be displayed the same size, regardless of the size of the display device.

[colforbin13]

I think BB recommends using the "em" units, but in my experience, it doesn't scale that well to smaller devices, and I find percentages to work better.  If you do something like this

<img src="images/image1.png" width="5%" />

your image will take up 5% of the available width of the screen, and the height will be scaled proportionally.  That way, no matter how wide or narrow your display is, the image will still be the same relative size.

[chicoxml]

Thanks, I'll try using this

[chicoxml]

this code does not work, the image is reduced to shorter

[TheWakeUpCall]

Reduced to shorter? I'm not sure I understand what you mean.

[chicoxml]

yes, the image is reduced

[TheWakeUpCall]

Do you mean on every screen size you want the image to be the same size exactly (not relative to the screen size), e.g. 200x200 px? In this case you just set that as the width (like 200px).

[chicoxml]

exact, I want the image is the same size regardless of screen size.

sorry my English is not very good

[TheWakeUpCall]

In your css do:

#id-of-img {
width: 200px;
}

replacing the id with your image's actual id that you chose.

[chicoxml]

does not work, I'll prepare a demo so they can see what happens