sign up log in tour help. 1  Tour Start here for a quick overview of the site. 2  Help Center Detailed answers to any questions you might have. 3  Meta Discuss the workings and policies of this site.  About Us Learn more about Stack Overflow the 1  company. Business Learn more about hiring developers or posting ads with  us.
With this set, an image meant to be 5 inches wide at 300dpi will actually display as 5in wide; without this set, the image would display as approximately 15.6in wide since the image is 15000 image pixels across, and by default CSS displays 96 image pixels per inch.
However, I have tried to put CSS @media, so it should display different size of slider for different width of screen. Basically, I put different id for each slide (the total of slide is 4), so I can display different size of images for different width of screen.or example if the width screen is above 1200px, a 800px-600px image will be shown, and if the width screen range from 980px to 1199px, a 600px-400px image will be shown (images are put as background for each id-CSS code). p.s. notify if you dont understand my explanation. Here is the link of the page.