如何从后面的代码更改页面的缩放级别？

Question

当我点击一个按钮时，是否可以使用文件后面的代码（.cs）为aspx页面更改缩放级别？

<asp:LinkButton runat="server" ID="lnkZoom" OnClick="lnkZoom_onClick" Text="Zoom" Font-Italic="true" Font-Size="XX-Small"></asp:LinkButton> 



protected void lnkZoom_onClick(object sender, EventArgs e) 
    { 
     // ScriptManager.RegisterStartupScript(this.Page, Page.GetType(), "text", "zoom()", true); 

     // c# code to do the same as above instead of firing the js function. 
    } 

我试着用JS，但是当我点击它时，它不起作用..所以我试图用其他方式做同样的事情。

Answer 1

大多数网站使用font-size来实现缩放。如果所有东西放大，它会抛弃整个布局。

大多数缩放功能做这样的事情......

var zoomLevel = 100; 
 
function zoomIn(){ 
 
    zoomLevel += 10; 
 
\t document.body.style.fontSize = zoomLevel+"%"; 
 
} 
 

 
function zoomOut(){ 
 
    zoomLevel -= 10; 
 
\t document.body.style.fontSize = zoomLevel+"%"; 
 
}

button{font-size: 90%;}

<button onclick='zoomIn()'>zoom In</button> 
 
<button onclick='zoomOut()'>zoom Out</button> 
 
<h1> 
 
scenester unicorn four loko 
 
</h1> 
 
<p> 
 
Butcher street art VHS disrupt, craft beer pug microdosing 8-bit viral health goth chartreuse squid. Tote bag farm-to-table raw denim celiac, vinyl shoreditch hammock normcore tilde pok pok skateboard 90's jean shorts. Cray humblebrag put a bird on it organic ennui. Franzen bicycle rights tbh art party mlkshk. Celiac live-edge truffaut YOLO before they sold out 90's. Authentic umami everyday carry gluten-free listicle lyft. Flexitarian four dollar toast stumptown shabby chic bicycle rights. 
 
</p>

这样，一切都保持相对的。

Answer 2

您需要包含脚本标记。取而代之的

ScriptManager.RegisterStartupScript(this.Page, Page.GetType(), "text", "zoom()", true); 

尝试

ScriptManager.RegisterStartupScript(this.Page, Page.GetType(), "text", @"<SCRIPT type=""text/javascript"">zoom();</SCRIPT>", true); 

或

ScriptManager.RegisterStartupScript(this.Page, Page.GetType(), "text", @"<SCRIPT type=""text/javascript"">document.body.style.zoom = ""300%"";</SCRIPT>", true);