Silverlight browser integration and browser hosting always surprised me, when I first started with Silverlight I had troubles making my canvas bigger than 640x480 and its only later on I found that its not as easy as it looks and that I have to set Silverlight application size more than once. (xaml, js, html), after few updates on Silverlight templates its possible to do it in just xaml and html, and the reason is that Silverlight 1.1 relying on DOM to host Silverlight applications.
When a browser page hosting a Silverlight application is zoomed in/out with Browser zoom, Silverlight object's width/height will change but there is no Zoom on the Silverlight Page,this due to Silverlight objects dependency on DOM to host and initialise the Silverlight objects.
I created three different objects, 1 Silverlight, 1 Flash and 1 JPG raster, (All in one html page) all these objects was derived from the same vectors.
Figure 1: Normal View in HTML at 100% zoom.
Figure 2: Browser Zoom at 75%
Figure 3: Browser Zoom at 50%
Figure 4: Browser Zoom at 125%
Figure 5: Browser Zoom at 150%
The solution was to initialise Silverlight object which is independent of the DOM, this can only archived by creating Silverlight as an object, with what we have seen in Silverlight 2.0, it doesn't require the DOM to initialise and this will not be an issue with Silverlight 2.0 applications. But this might persist in Silverlight 1.0.
Download Example Source Code