- From: Philipp Zins <pipo@senaeh.de>
- Date: Wed, 27 Feb 2013 11:04:41 +0100
- To: www-style@w3.org
- Message-ID: <CACkJGAsRgtZqhzXy0icAN3Bk5w0yaRfwFfa5iBfHGNdoEofCVg@mail.gmail.com>
In my last mail I only described how "zoom-behavior" would work in the viewport meta tag. Of course "zoom-behavior" could be applied as a normal style rule as well. In this way different behaviors can be applied to different HTML elements. Imagine you have a blog with two columns: one contains the main content, the other one is a sidebar. On dekstop you see both of them, on mobile the sidebar isn't visible and only the main content can be seen. Now you could say the whole page should be zoomed normally, except the main content which only changes the font-size on zooming, because you don't want images to change the size. Here is how you could do that: body { zoom-behavior: "all"; // would be the default value anyway } main { zoom-behavior: "text"; // only change font-size within main while zooming } Nowadays you have to choose inside the browser if the whole page or only text should be zoomed (- at least if the browser let you choose between these options). It isn't possible to choose only a part of a website to change its zoom behavior. But with the "zoom-behavior" style rule it would be possible. Hence I don't know if "zoom-behavior" is a good wording. Maybe it should be called "zoom-content", because it sets the content, which will be affected by zooming. Feedback?
Received on Wednesday, 27 February 2013 10:05:09 UTC