One of the tenets of responsive web design is responsive images: sizing images using percentages rather than concrete values. This is done via CSS.
The problem I have is the standard practice of including the
height attributes on the
img tag. This seems to be precluded by setting image sizes in CSS. For one, it's long been required to include the dimension attributes in the image tag. Also, these values were used to create space in the page before the image loaded.
As far as the sizing goes, I suppose it's possible to put the image into another element (e.g.
figure) and set the image's width in CSS to be 100%. But that then requires sizing the container, possibly as a percentage of the parent element, and so on.
Am I not thinking straight on this, or is setting image size in CSS at odds with using the