Question

单击按钮时，是否可以使用aspx页面后面的代码（.cs）更改缩放级别？

<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;
	document.body.style.fontSize = zoomLevel+"%";
}

function zoomOut(){
    zoomLevel -= 10;
	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);

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

2 个答案: