Witam używam CSS Media Queries na swojej stronie . Mam 4 rozdzielczości i do każdej z nich potrzebowałbym żeby obrazek zmieniał swoje wymiary na takie jakie mu ustawię w każdym pliku. Nie wiem jak i co mam wpisac w pliku CSS oraz w pliku html gdzie jest również <img src = " coś / coś" > Prosze o pomoc z góry dziękuję

W cms ja uzywam innych komend niż te co podałeś. Jeden obrazek skaluję do wielu potrzeb ale nie wiem jakie masz potrzeby i co chcesz osiągnać.

Potrzebuje coś takiego , że jeśli użytkownik będzie miał rozdzielczość 1440x 900 to obrazek będzie wielkści 500x400 px a jak użytkownik będzie miał 1024x768 to obrazek powiedzmy 100x50 px. żeby on sie pomniejszał i nie wiem co mam wpisać w Css aby on miał takie i takie wymiary .

Ale chcesz mieć ten sam obrazek serwowany tylko przeskalowany css aby wyglądał na mniejszy czy dla każdego rozmiaru chcesz rzeczywiście serwować inny obrazek przeskalowany już na serwerze? W pierwszym wypadku najlepiej daj obrazkom po prostu szerokość max-width: 100% i zwiększaj/zmniejszaj rozmiar kontera w którym się znajduje. W drugim przypadku musisz użyć js. Np. http://mobile.smashingmagazine.com/2013/07...image-solution/ technik jest dużo i każda ma swoje plusy i minusy.