How to customize website app to zoom in/out of your website

Once a while, you may come across a website you need to display on your digital sign screen, but not all the content fit on the screen and you need to zoom in/out of it.

You can do so by modify the code below. (See the bold line, change the URL, scale, width, height to fit your need).

Then paste it to Embed App

mceclip0.png

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>iFrame</title>
<style>
body {
background-color: #000000;
}
iframe {
width: 1920px; /* It should not be 100% */
height: 1080px;
margin-left: auto; /* Automatic margin from left */
margin-right: auto; /* Automatic margin from right */
margin: auto;
border: 0;
-ms-transform: scale(0.68);
-moz-transform: scale(0.68);
-o-transform: scale(0.68);
-webkit-transform: scale(0.68);
transform: scale(0.68);

-ms-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
</style>
</head>
<body>
<div align="center">
<iframe
src="https://www.wikipedia.org/"
</iframe>
</div>
</body>
</html>
Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Article is closed for comments.