title: how do we fix the image sizes for mobile sites?
body: <p>How do we adjust the same image to iphone Portrait and landscape mode and ipad Portrait and landscape mode?</p>
  
  <p>I have a site which is of 320px width and the header image is also 320px, so when i see this site in landscape mode thn it looks bit smaller and in ipad it is even smaller so how can I fix it fot the same width of the device. I have used media queries to do this and fixed image width based on the device width for ex: for ipad i have written image size as 780px, for mobile landscape 380px.. I s this the right way to do or is there any better way?</p>