Ich habe es zu einen Teil herrausbekommen. Die XAML muss man einfach nur auf Folgende Art und Weise anpassen.
<Canvas>
<Canvas.RenderTransform>
</ScaleTransform x:Name="CanvasScale" ScaleX="1" ScaleY="1">
</Canvas.RenderTransform>
<Grid x:Name="LayoutRoot" Margin="0,0,0,0" Background="White" MouseLeftButtonDown="LayoutRoot_MouseLeftButtonDown" Loaded="LayoutRoot_Loaded" >
</Grid>
</Canvas>Alle weiteren objekte im Grid werden mit den Canvas angepasst. Die werden hierbei dynamisch geladen.
Der Code hat sich nicht sehr weiter geändert
public void MainPage_SizeChanged(object sender, SizeChangedEventArgs e)
{
double height = App.Current.Host.Content.ActualHeight;
double width = App.Current.Host.Content.ActualWidth;
CanvasScale.ScaleX = width / startwidht;
CanvasScale.ScaleY = height / startheight;
}startheight und startwidht sind die Größe des geladenens Grid.
Was nun noch gemacht werden muss, ist die größe des objektes im Browser auf 100% zu passen, damit das event gefeuert wird.
Und ich darf an folgendes Errinern:
FireFox kommt nicht klar mit Prozent angabenAlso funktioniert das nicht im firefox.
Gibt es eine möglichkeit das diese auch im Firefox realisiert werden kann?