从当前方向旋转网页浏览器正在拉伸（缩放）浏览器内容Windows手机

Question

我有一个浏览器处于纵向模式。我加载使用

this.webBrowserControl.Source = new Uri("http://google.com"); 

的web浏览器当内容加载的观点是这样的

，提供了旋转按钮，如果用户是在肖像模式和用户按下旋转按钮，然后我旋转使用网页视图变换并设置其高度和宽度，以便它可以占据整个屏幕

pageWidth = 480; 
pageHeight = 800; 
RotateTransform transform = new RotateTransform(); 
transform.Angle = 90; 
this.webbrowser.RenderTransform = transform; 
webbrowser.Width = pageHeight; 
webbrowser.Height = pageWidth; 

web浏览器被旋转，但内容看起来像放大或拉伸，它LO OKS利ke这

任何想法如何不放大内容？

Answer 1

编辑：

更改缩放比例：

// figure out the ratio you want to reduce by 
string zoom_js = "document.body.style.zoom=\"50%\";"; 

try 
{ 
    this.myBrowser.IsScriptEnabled = true; 
    this.myBrowser.InvokeScript("eval", zoom_js); 
} 
catch(Exception ex) 
{ 
} 

---

它不是任何缩放。它只是旋转它然后拉伸（调整大小）容器。

考虑到您的解决方案，如果您不想进行任何拉伸，您必须保持宽高比。

<phone:WebBrowser x:Name="myBrowser" RenderTransformOrigin="0.5,0.5" Height="480" Width="480" Margin="0" Padding="0"> 
     <phone:WebBrowser.RenderTransform> 
      <CompositeTransform Rotation="90"/> 
     </phone:WebBrowser.RenderTransform> 
    </phone:WebBrowser> 
</Border> 

现在不会拉伸，但它也不覆盖整个屏幕。现在，想象像你一样伸展容器。结果将是您张贴的图片。