如何從后面的代碼更改頁面的縮放級別？

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);