mardi 31 mars 2015

How to make website (images/ tables) resize proportionnally to fit screen size [on hold]

My friend has a html website with many pages containing various text or pictures. She received a google warning that the site can't be seen on ipads/smartphones and would like that all the site rescale proportionally so it can be seen on ipads at least.


The problem is all the design is html based, so you can have in on line 1 to 3 images of different sizes, without any use of css. All design is html based.


Changing each image/table one by one would be few weeks of boring work as this site has many pages (hundreds, about animals/plants)


I have seen most topic describing this css solution: img {width: 100%; height: auto;width: auto\9; /* ie8 */}


However this does not work in this case because there is various numbers of images beside each others.


Is there an easy way to resize all the site proportionnally?


CSS, or Javascript, or Jquery ?


Many thanks


Aucun commentaire:

Enregistrer un commentaire