Как изменить уровень масштабирования страницы из кода?

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

Большинство веб-сайтов используют размер шрифта для реализации масштабирования. Если ВСЕ увеличит масштаб, он сбросит весь макет.

Большинство функций масштабирования сделать что-то вроде этого ...

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