- From: Alice Wonder <alice@domblogger.net>
- Date: Sat, 28 Feb 2015 22:11:04 -0800
- To: public-respimg@w3.org
Hi, It is hard to find examples of the picture element online that actually validate but I have it at this point. Have my firefox set up and it works. Did this test : [picture] [source media="(min-width: 801px)" srcset="Camera_800.jpg" type="image/jpeg" /] [source media="(max-width: 800px)" srcset="Camera_400.jpg" type="image/jpeg" /] [img src="Camera_800.jpg" alt="Classic Medium Format Camera" /] [/picture] (using [] instead of angle brackets) When I shring the browser down and reload - it works, the 400 is used. But - when I ctrl-+ to zoom in and then reload, it also triggers the media query, and the result is a way over-stretched 400px version. What is the proper way to take physical pixels into consideration so that people who zoom in due to visual problems don't get a smaller version that has been stretched?
Received on Sunday, 1 March 2015 06:11:33 UTC