javascript - 如何从代码隐藏中更改页面的缩放级别？

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>

这样一切都保持相对。