Quote:
Originally Posted by JSWolf
You can try code like that using ADE for PC or MAC. You can resize the ADE window to see the results of the code and decide what you might want to use for a %. I would have to test things to know what % number(s) to use.
|
Thanks, JSWolf.
Okay, this is what I have done.
CSS
Code:
img {
max-width: 100%;
height: auto;
}
HTML
Code:
<img src="whatever" alt=""/>
In other words, the images only include src and alt attributes. I've removed the width and height attributes.
Everything seems to be working well. The images are scaled up to their maximum size in pixels, after which they stop being scaled up.
However, I've now encountered another problem!
Many images are just tables that include lots of text. When these images are scaled
down, they look very blurry on ADE for PC!
Having done some research, I understand that this is not a CSS problem; rather, it's to do with the fact that text is difficult to be scaled down.
Do you know how I could fix this problem?
