So in the browser, the initial showing enlarges the whole page, both text and images (Windows only enlarges the text). Speaking of a Reset 100% Zoom view, then.įirefox (desktop) specifies a Pixel Ratio equal to the Windows text size enlargement (120% Windows text size is 1.2 Pixel Ratio in Firefox). There are also differences in browsers too.That too may change the size of the image that you might see. Now some sites (this site is trying too) try to present 'responsive image sizes' to tiny screens, smaller so they will better fit on the screen.The web page can specify a viewport size to specify other starting zoom instructions for the small phones.
So a new logical CSS Pixel Ratio factor was added, basically a multiplier generally from 1 to 3, a difference in logical pixels and actual device pixels - which causes the phones to begin zoomed in some, to enlarge the text. Fitting the full web page width to the small screen makes the text too small to be readable. So today, a 500x200 pixel image is not always shown at 500x200 size, depending on your zoomed text size. Times have changed after much of this was written. Necessary updates: (techie stuff, about images we see on video monitors now)
