Question

我被要求在html5中找到放大/缩小的方法。我是html5的新手，想要一些方向。 html5中是否有任何特定的内容可以进行缩放？我做了一些研究，但没有看到任何跳出来。

为了缩放的目的，你们有专门针对html5量身定制的插件吗？谢谢

ETA：我需要放大图像（jpg）

Answer 1

我认为CSS＆＃34;背景大小＆＃34;财产是最好的解决方案。 http://www.w3schools.com/cssref/css3_pr_background-size.asp

使用＆＃34; background：url（）＆＃34;嵌入图像在HTMLElement中，只需更改背景大小值。

<强> CSS

body
{
    background: url(http://www.w3.org/html/logo/img/html5-topper.png);
    background-repeat: no-repeat;
    background-size: 100%; /* change this property*/
    background-position-x: 0px;
    background-position-y: 0px;
}

<强> HTML

<input
    type="range" min="10" max="500" value="100"
    oninput="document.body.style.backgroundSize = this.value + '%';"
>

http://jsfiddle.net/ktgf6swr

html5图像放大/缩小

1 个答案: