2013-01-30, 23:37:00
Quote: I have a content container that is e.g. 600 px width for desktop version.
'Adaptive Images' is/are designed for 'responsive websites', which by their nature are fluid and use percentages and almost never use pixel-based restrictions.
There are of course exceptions, but these would still be within the context of a fluid webpage.
When pixels references are used, it's for the window size of the display.
Code:
Example: HTML5 Page Head
<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1" />
<link rel="stylesheet" media="only screen and (min-width:1025px) and (max-width:2500px)" href="css/screen_layout_largest.css" />
<link rel="stylesheet" media="only screen and (min-width:769px) and (max-width:1024px)" href="css/screen_layout_large.css" />
<link rel="stylesheet" media="only screen and (min-width:481px) and (max-width:768px)" href="css/screen_layout_medium.css">
<link rel="stylesheet" media="only screen and (min-width:50px) and (max-width:480px)" href="css/screen_layout_small.css">